

<template>
  <div>
    <v-header></v-header>
  <!--<div>-->
    <!--左边点击查看医生的模态-->

    <!--内容区-->
    <div class="ris_cont clear">
      <div class="reading_l_l_modal">
        <div class="reading_l_l_modal_cont">
          <div class="reading_modal_head">报告医生列表<button class="button reading_l_l_modal_close">X</button></div>
          <div class="reading_modal_contList">
            <div>
              <p>张涛</p>
              <p>医生</p>
              <p><button class="button btn_blur">发送</button></p>
            </div>
            <div>
              <p>张涛</p>
              <p>医生</p>
              <p><button class="button btn_blur">发送</button></p>
            </div>
            <div>
              <p>张涛</p>
              <p>医生</p>
              <p><button class="button btn_blur">发送</button></p>
            </div>
            <div>
              <p>张涛</p>
              <p>医生</p>
              <p><button class="button btn_blur">发送</button></p>
            </div>
            <div>
              <p>张涛</p>
              <p>医生</p>
              <p><button class="button btn_blur">发送</button></p>
            </div>
          </div>
        </div>
      </div>
      <!--左边-->
      <!--<div class="reading_left">-->
        <!--<div class="reading_left_top">-->
          <!--<p class=""></p>-->
          <!--<span>已检人员列表</span>-->
        <!--</div>-->
        <!--<div class="reg_search">-->
          <!--<table class="reg_search_table">-->
            <!--<tr>-->
              <!--<td>姓名</td>-->
              <!--<td><input type="text"></td>-->
              <!--<td>编号</td>-->
              <!--<td><input type="text"></td>-->
              <!--<td>检查部位</td>-->
              <!--<td>-->
                <!--<select>-->
                  <!--<option></option>-->
                  <!--<option v-for="type in partList" :value="type.id">{{type.name}}</option>-->
                <!--</select>-->
              <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
              <!--<td>类型</td>-->
              <!--<td>-->
                <!--<select>-->
                  <!--<option></option>-->
                  <!--<option v-for="type in eqptypeList" :value="type.id">{{type.name}}</option>-->
                <!--</select>-->
              <!--</td>-->
              <!--<td>设备</td>-->
              <!--<td>-->
                <!--<select>-->
                  <!--<option></option>-->
                  <!--<option v-for="type in equipList" :value="type.id">{{type.name}}</option>-->
                <!--</select>-->
              <!--</td>-->
              <!--<td>图像数量</td>-->
              <!--<td>-->
                <!--<input type="text" class="rep_Img_num">-->
                <!--<span class="rep_Img_num_text">至</span>-->
                <!--<input type="text" class="rep_Img_num">-->
              <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
              <!--<td>起始时间</td>-->
              <!--<td colspan="4">-->
                <!--<input type="date" class="reg_search_input"/>-->
                <!--<span class="reg_search_span">至</span>-->
                <!--<input type="date" class="reg_search_input"/>-->
              <!--</td>-->
              <!--<td><button class="reading_search button btn_yellow ">查询</button></td>-->
            <!--</tr>-->
          <!--</table>-->
        <!--</div>-->
        <!--<div class="reading_left_list">-->
          <!--<table class="reading_left_tableHead line_height_32">-->
            <!--<thead>-->
            <!--<tr class="color_white">-->
              <!--<th>姓名</th>-->
              <!--<th>性别</th>-->
              <!--<th>年龄</th>-->
              <!--<th>检查状态</th>-->
              <!--<th>拍片时间</th>-->
              <!--<th>操作</th>-->
            <!--</tr>-->
            <!--</thead>-->
          <!--</table>-->
          <!--<div class="reading_left_tableCont">-->
            <!--<table class="table line_height_32">-->
              <!--<tbody>-->
              <!--<tr>-->
                <!--<td>-->
                  <!--<div style="position: relative">-->
                    <!--<span class="color_red reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四-->
                  <!--</div>-->
                <!--</td>-->
                <!--<td>男</td>-->
                <!--<td>33</td>-->
                <!--<td>未拍片</td>-->
                <!--<td>2017/02/15 08:16</td>-->
                <!--<td><button class="button">查看</button></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td><span class="color_blur reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四</td>-->
                <!--<td>男</td>-->
                <!--<td>33</td>-->
                <!--<td>未拍片</td>-->
                <!--<td>2017/02/15 08:16</td>-->
                <!--<td><button class="button">查看</button></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td><span class="color_blur reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四</td>-->
                <!--<td>男</td>-->
                <!--<td>33</td>-->
                <!--<td>未拍片</td>-->
                <!--<td>2017/02/15 08:16</td>-->
                <!--<td><button class="button">查看</button></td>-->
              <!--</tr>-->
              <!--</tbody>-->
            <!--</table>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

      <!--左边-->
      <div class="reading_left">
        <div class="reading_left_top">
          <p class=""></p>
          <span>已检人员列表</span>
        </div>
        <div class="reg_search">
          <table class="reg_search_table">
            <tr>
              <td>姓名</td>
              <td><input type="text" v-model="name"></td>
              <td>编号</td>
              <td><input type="text" v-model="accessno"></td>

            </tr>
            <tr>

              <td>类型</td>
              <td>
                <select v-model="eqpType" @change="getpartsByType(eqpType)">
                  <option :value="eqpTypeCodes"></option>
                  <option v-for="type in eqptypeList" :value="type.code">{{type.name}}</option>

                </select>
                <!--<select v-model="eqpCode" style="display: none">-->
                  <!--<option v-for="type in eqptypeList" :value="type.code"></option>-->
                <!--</select>-->
              </td>
              <!--<td>检查部位</td>-->
              <!--<td>-->
                <!--&lt;!&ndash;<input type="text" v-model="parts">&ndash;&gt;-->
                <!--<select v-model="parts">-->
                <!--<option></option>-->
                <!--<option v-for="type in partList" :value="type.name">{{type.name}}</option>-->

                <!--</select>-->
              <!--</td>-->
              <td>状态</td>
              <td>
                <!--<input type="text" v-model="parts">-->
                <select v-model="statusCode">
                  <!--<option :value="1">已登记</option>-->
                  <!--<option :value="5">已拍片</option>-->
                  <option value="10,15">已分配,预审核</option>
                  <option value="20,25">已审核,已打印</option>
                  <!--<option :value="25"></option>-->
                  <!--<option :value="30">已取片</option>-->
                  <!--<option value="">全部</option>-->
                </select>
              </td>
            </tr>
            <tbody class="reg_search_tabToggle">
            <tr>
              <td>设备</td>
              <td>
                <select v-model="eqpName">
                <option  :value="eqpNameCodes"></option>
                <option v-for="type in equipList" :value="type.code">{{type.name}}</option>
                </select>
              </td>
              <td>图像数量</td>
              <td>
                <input type="text" style="width: 40%;" v-model="beginnum">
                <span>至</span>
                <input type="text" style="width: 40%;" v-model="endnum">
              </td>
            </tr>
            <tr>
              <td>起始时间</td>
              <td colspan="3">
                <input type="date" v-model="begintime" class="width_50"/><input type="time" v-model="beginhour" class="width_50" />
              </td>
            </tr>
            <tr>
              <td>结束时间</td>
              <td colspan="3">
                <input type="date" v-model="endtime" class="width_50"/><input type="time" v-model="endhour" class="width_50"/>
              </td>
            </tr>
            </tbody>
            <tr>
              <td  class="click_zk">点击展开</td>
              <td colspan="3" class="reading_search"><button class="button btn_yellow aaa" @click="getListByCondition">查询</button></td>
            </tr>
          </table>
        </div>
        <div class="reading_left_list" v-loading="loading">
          <!--<table class="reading_left_tableHead line_height_32">-->
          <!---->
          <!--</table>-->
          <div class="reading_left_tableCont scroll2">
            <table class="table line_height_32">
              <thead>
              <tr class="color_white">
                <th style="width: 50px;">操作</th>
                <th style="width: 3% !important;">序号</th>
                <th>个人信息</th>
                <th>检查部位</th>
                <th>类型</th>
                <th>状态</th>
                <th>拍片时间</th>
                <th>申请科室</th>
                <th>申请医生</th>
                <th>图片数量</th>
                <th>检查医生</th>
                <th>检查时间</th>
                <th>审核医生</th>
                <th>审核时间</th>
              </tr>
              </thead>
              <tbody>
              <tr v-for="(pat,index) in patInfoList" @click="getResultDetail(pat)">
                <td><button class="button reading_left_tableCont_button" @click="imagesearch(pat)">查看</button></td>
                <td style="text-align: center;">{{pat.queuenum}}</td>
                <td>

                  <div style="position: relative">
                    <span class="color_red" v-if="pat.emergstatus=='紧急'">[急]</span><span class="color_blur" v-else>[普]</span>{{pat.cname}}&nbsp;{{pat.sex}}&nbsp;{{pat.age}}
                  </div>
                </td>
                <td style="display: none" >{{pat.id}}</td>
                <td style="display: none">{{pat.statuscode}}</td>
                <td style="display: none">{{pat.recordno}}</td>
                <td style="display: none">{{pat.areacode}}</td>
                <td style="display: none">{{pat.eqptypecode}}</td>
                <td v-if="pat.partname.length>8" :title="pat.partname">{{pat.partname|textLength8}}</td>
                <td v-else>{{pat.partname}}</td>
                <td>{{pat.eqptypename}}</td>
                <!--<td v-if="pat.statuscode==5">已拍片</td>-->
                <td v-if="pat.statuscode==10">已分配</td>
                <td v-if="pat.statuscode==15">预审核</td>
                <td v-if="pat.statuscode==20">已审核</td>
                <td v-if="pat.statuscode==25">已打印</td>
                <td v-if="pat.statuscode==30">已取片</td>
                <td>{{pat.studate}}</td>
                <!--<td>{{pat.deptname|textLength8}}</td>-->
                <td v-if="pat.deptname.length>8" :title="pat.deptname">{{pat.deptname|textLength8}}</td>
                <td v-else>{{pat.deptname}}</td>
                <td>{{pat.applydocname}}</td>


                <td>{{pat.imagecount}}</td>
                <td>{{pat.repusername}}</td>
                <td>{{pat.reptimeStr}}</td>
                <td>{{pat.auditusername}}</td>
                <td>{{pat.audittimeStr}}</td>

                <!--<td><button class="button reading_left_tableCont_button">查看</button></td>-->
              </tr>
              </tbody>
              <!--<tbody class="reading_left_tableCont_abs">-->
                <!--<tr v-for="(pat,index) in patInfoList">-->
                  <!--<td><button class="button reading_left_tableCont_button" @click="imagesearch(pat)">查看</button></td>-->
                <!--</tr>-->
              <!--</tbody>-->
            </table>

          </div>
          <p>总数：{{count}}</p>
        </div>
      </div>
      <!--右边-->
      <div class="reading_right">
        <div class="reading_right_head clear">
          <ul class="table_page" style="float: left;">
            <li class="reading_table_page_active" @click="table_pageTitle(0)">书写报告</li>
            <li  @click="table_pageTitle(1)" style="display: none">补充登记信息</li>
            <li  @click="table_pageTitle(2)">报告流程</li>
            <li style="font-weight: 100;padding-left: 40px;">
              <!--<span v-text="typePat.eqpcode"></span>&nbsp;&nbsp;-->
              <span v-text="typePat.cname"></span>&nbsp;&nbsp;
              <span v-text="typePat.sex"></span>&nbsp;&nbsp;
              <span v-text="typePat.age"></span>&nbsp;&nbsp;
              影像号：<span v-text="typePat.accessno"></span>
              申请医师：<span v-text="typePat.deptname"></span>
              <span v-text="typePat.applydocname"></span>
            </li>
          </ul>
          <div class="reading_right_head_right">
            <span @click="historyReport">历史报告</span>
            <span>
              <input type="text" placeholder="输入报告模板" class="reading_r_c_r_top_cont_search" @click="modal_search"/>
            </span>
          </div>
        </div>

        <div class="reading_right_center">
          <!--书写报告-->
          <div class="writeReport">
            <!--左边-->
            <div class="clear">
            <div class="reading_right_center_left clear">
              <div class="reading_r_c_l_top" id="reading_r_c_l_top1">
                <h1 style="position: relative">影像检查描述
                  <div  style="position: absolute;right: 0;top: 0px;height: 26px;width: 520px;text-align: right;">

                    高度调节：<select id="txtHeight" style="width: 80px;">
                    <option value="0.5">0.5倍</option>
                    <option value="0.6">0.6倍</option>
                    <option value="0.8">0.8倍</option>
                    <option value="1" selected>1倍</option>
                    <option value="1.2">1.2倍</option>
                    <option value="1.4">1.4倍</option>
                    <option value="1.5">1.5倍</option>
                  </select>
                  字号：
                  <select class="fontSize1" style="width: 80px;">
                    <option value="12">12px</option>
                    <option value="14">14px</option>
                    <option value="16">16px</option>
                    <option value="18">18px</option>
                    <option value="20">20px</option>
                    <option value="22">22px</option>
                    <option value="24">24px</option>
                  </select>
                    <select class="fontSize12" style="width: 80px;position: relative;top: -1px">
                      <option value="0">正常</option>
                      <option value="1">粗体</option>
                    </select>
                  </div>
                </h1>
                <textarea v-model="description" :disabled="status==20||status==25||status==30" class="textFontSize"></textarea>
              </div>
              <div class="reading_r_c_l_center" id="reading_r_c_l_center1">
                <h1>
                  影像检查结论
                  <p>
                    阴阳性：
                    <select v-model="positive" :disabled="status==20||status==25||status==30">
                      <option value=""></option>
                      <option value=1>阳性</option>
                      <option value=0>阴性</option>
                    </select>
                    危急值：
                    <select v-model="emerg" :disabled="status==20||status==25||status==30">
                      <option value=""></option>
                      <option value="不危急">不危急</option>
                      <option value="危急">危急</option>
                    </select>
                    <button class="button btn_blur" style="display: none">危急值登记</button>
                  </p>
                </h1>
                <textarea v-model="result" :disabled="status==20||status==25||status==30"  class="textFontSize"></textarea>
              </div>
              <div class="reading_r_c_l_bottom">
                <input v-model="resultid" style="display: none"/>
                <input v-model="status" style="display: none"/>
                <input v-model="accessNo" style="display: none"/>
                <input v-model="recordno" style="display: none"/>
                <!--<input v-model="accessno" style="display: none"/>-->
                <input v-model="areacode" style="display: none"/>
                <h1>影像建议</h1>
                <textarea v-model="advice" :disabled="status==20||status==25||status==30"  class="textFontSize"></textarea>
              </div>
              <div class="reading_r_c_l_footInput">
                <table>
                  <tr>
                    <td>报告日期</td>
                    <td><input type="date" v-model="repTime" :disabled="status==20||status==25||status==30"/></td>
                    <td>检查医生</td>
                    <td>
                      <!--<select v-model="repuserCode" :disabled="status==20||status==25||status==30">-->
                        <!--<option></option>-->
                        <!--<option v-for="type in userList" :value="type.code">{{type.name}}</option>-->
                      <!--</select>-->
                      <div class="drop_down_Top drop_down_Top1">
                        <input type="text" v-model="searchRepUser" @click="showRepUser=true"  :disabled="status==20||status==25||status==30"/>
                        <ul class="top" v-show="showRepUser">
                          <li @click="selectRepUser({code:'',name:''})">&nbsp;</li>
                          <li v-for="type in userList" v-if="type.name.indexOf(searchRepUser)>=0" @click="selectRepUser(type)">{{type.name}}</li>
                        </ul>
                      </div>
                    </td>
                    <td>审核日期</td>
                    <td><input type="date" v-model="auditTime" :disabled="status==20||status==25||status==30"/></td>
                    <td>审核医生</td>
                    <td>
                      <input type="text" v-model="auditUser"  :disabled="status==20||status==25||status==30" readonly/>
                      <!--<select v-model="audituserCode" :disabled="status==20||status==25||status==30">-->
                        <!--<option></option>-->
                        <!--<option v-for="type in userList" :value="type.code">{{type.name}}</option>-->
                      <!--</select>-->
                      <!--<div class="drop_down_Top drop_down_Top2">-->
                        <!--<input type="text" v-model="searchAutiUser" @click="searchAutiUserClick"  :disabled="status==20||status==25||status==30"/>-->
                        <!--<ul class="top" v-show="showAutiUser">-->
                          <!--<li @click="selectAutiUser({code:'',name:''})">&nbsp;</li>-->
                          <!--<li v-for="type in userList" v-if="type.name.indexOf(searchAutiUser)>=0" @click="selectAutiUser(type)">{{type.name}}</li>-->
                        <!--</ul>-->
                      <!--</div>-->
                    </td>
                  </tr>
                </table>
              </div>
            </div>
            <!--右边-->
            <div class="reading_right_center_right">
              <div class="reading_r_c_r_top ">
                <!--<p></p>-->
                <!--<span class="reading_right_click">报告模板</span>-->
                <div class="reading_r_c_r_top_cont">
                  <!--<input type="text" />-->
                  <!--<img src="../../../static/img/reportview/reading_search_03.png" class="reading_search_03"/>-->
                  <div class="tree_down_parent">
                    <ul class="tree_down">
                      <li v-for="(partgroup,index1) in baseTemplateList">
                        <a @click="toggle($event)"><img  src="../../../static/img/reportview/fuhao_07.png">{{partgroup.name}}
                          <!--<span style="display: none">{{partgroup.pycode}}</span>-->
                        </a>
                        <ul>
                          <li v-for="(part,index2) in partgroup.partList">
                            <a @click="toggle($event)"><img  src="../../../static/img/reportview/fuhao_07.png">{{part.name}}</a>
                            <ul>
                              <li v-for="(template,index3) in part.templateList">
                                <a @dblclick="addorreplace(index1,index2,index3)" :title="template.description+':'+template.result">{{template.title}}</a>
                              </li>
                            </ul>
                          </li>
                        <!--  <li>
                            <a><img src="./fuhao_07.png">二级菜单</a>
                            <ul>
                              <li><a><img src="./fuhao_07.png">三级菜单</a></li>
                            </ul>
                          </li>-->
                        </ul>
                      </li>
                    </ul>
                  </div>
                  <div class="tree_down_footCheck">
                    <label><input type="radio" name="=aa" v-model="addOrReplace" value="add" :disabled="status==20||status==25||status==30"/>追加模板</label>
                    <label><input type="radio" name="=aa" v-model="addOrReplace" value="replace" :disabled="status==20||status==25||status==30"/>替换模板</label>

                  </div>
                </div>
              </div>
              <div class="reading_r_c_r_bottom ">
                <!--<p></p>-->
                <!--<span class="reading_right_click" @click="gethistory()">历史报告</span>-->
                <div class="reading_r_c_r_bottom_cont">
                  <div class="reading_r_c_r_bottom_cont_time">
                    <label><input type="radio" v-model="checktime" value="3" name="time" @change="gethistoryByCondition1"/>三个月</label>
                    <label><input type="radio"  v-model="checktime" value="6" name="time" @change="gethistoryByCondition1"/>六个月</label>
                    <label><input type="radio"  v-model="checktime" value="12" name="time" @change="gethistoryByCondition1"/>一年</label>
                    <label><input type="radio"  v-model="checktime" value="36" name="time" @change="gethistoryByCondition1"/>三年</label>
                  </div>
                  <table class="read_r_topTab">
                    <tr>
                      <td >姓名</td>
                      <td><input type="text" v-model="historyname"/></td>
                      <td>编号</td>
                      <td><input type="text" v-model="historynum"/></td>
                    </tr>
                    <tr>
                      <td>检查科室</td>
                      <td>
                        <select v-model="deptcode">
                          <option value=""></option>
                          <option v-for="dept in deptList" :value="dept.code">{{dept.name}}</option>
                        </select>
                      </td>
                      <td></td>
                      <td>
                        <button class="button btn_blur" @click="gethistoryByCondition1()">查询</button>
                      </td>
                    </tr>
                  </table>


                  <div class="reading_r_c_r_bottom_container" v-loading="loading1">


                    <!--<div class="reading_bot_box" v-for="type in resultList ">-->
                      <!--<span>{{type.cname}}</span>:<span>{{type.sex}}</span><span>{{type.age}}</span><span>{{type.partname}}</span>-->
                      <!--<span>{{type.reportname}}</span> <span>{{type.repTimeStr}}</span>-->
                      <!--<p><img src="../../../static/img/reportview/bg_imgsearch_11.png">状态：{{type.checkstatus}}</p>-->
                      <!--<p><img src="../../../static/img/reportview/bg_imgSearch2_13.png">检查日期：{{type.repTimeStr}}</p>-->
                      <!--<div class="reading_bot_box_btn">-->
                        <!--<button class="button btn_blur reading_sech_view" @click="gethistorydetail(type)">查看</button>-->
                        <!--<button class="button btn_blur" @click="addpacs(type)">追加影像</button>-->
                      <!--</div>-->
                    <!--</div>-->

                    <table class="read_RCR_tab">
                      <tr>
                        <th>操作</th>
                        <th>信息</th>
                        <th>检查部位</th>
                        <!--<th>状态</th>-->
                        <th>检查日期</th>
                        <th>检查医生</th>
                        <th>检查类型</th>
                        <th>申请医生</th>
                        <th>申请科室</th>
                      </tr>
                      <tr  v-for="type in resultList ">
                        <td>
                          <button class="button btn_blur reading_sech_view" @click="gethistorydetail(type)">查看</button>
                          <button class="button btn_blur" @click="addpacs(type)">追加影像</button>
                        </td>
                        <td>{{type.cname}}:{{type.sex}}{{type.age}}</td>
                        <!--<td>{{type.partname}}</td>-->
                        <td v-if="type.partname.length>8" :title="type.partname">{{type.partname|textLength8}}</td>
                        <td v-else>{{type.partname}}</td>
                        <!--<td>{{type.checkstatus}}</td>-->
                        <td>{{type.repTimeStr}}</td>
                        <td>{{type.reportname}}</td>
                        <td>{{type.eqpTypeName}}</td>
                        <td>{{type.applydocname}}</td>
                        <td>{{type.deptname}}</td>
                      </tr>
                    </table>

                    <!--<div class="reading_bot_box">-->
                      <!--<p><img src="./bg_imgsearch_11.png">状态：已打印</p>-->
                      <!--<p><img src="./bg_imgSearch2_13.png">检查日期：2016/06/16</p>-->
                      <!--<div class="reading_bot_box_btn">-->
                        <!--<button class="button btn_blur reading_sech_view">查看</button>-->
                        <!--<button class="button btn_blur">追加查看</button>-->
                      <!--</div>-->
                    <!--</div>-->
                  </div>
                </div>
              </div>

              <!--查看按钮的模态-->
              <div class="reading_view_modalModal"></div>
              <div class="reading_view_modal">
                <div class="reading_view_modal_head">历史报告详细信息<span class="reading_view_modal_close">X</span></div>
                <div>
                  <table class="reading_view_modal_search">
                    <tr>
                      <td>姓名</td>
                      <td><input v-model="name1" type="text" :disabled="status==20||status==25||status==30"/></td>
                      <td>报告性质</td>
                      <td>
                        <select v-model="positive1" disabled style="width: 100%">
                        <option value=""></option>
                        <option value=1>阳性</option>
                        <option value=0>阴性</option>
                      </select>
                      </td>
                    </tr>
                    <tr>
                      <td>检查号</td>
                      <td><input type="text" v-model="accessno1" :disabled="status==20||status==25||status==30"/></td>
                      <td>危急值</td>
                      <td><input type="text" v-model="emerg1" :disabled="status==20||status==25||status==30"/></td>
                    </tr>
                  </table>
                </div>
                <div class="reading_view_modal_check">
                  <div class="">
                    <div class="reading_view_modal_checkHead" >检查描述</div>
                    <div>
                      <textarea v-model="description1" :disabled="status==20||status==25||status==30"></textarea>
                    </div>
                  </div>
                  <div>
                    <div class="reading_view_modal_checkHead" >检查结论</div>
                    <div>
                      <textarea v-model="result1" :disabled="status==20||status==25||status==30"></textarea>
                    </div>
                  </div>
                </div>
                <div class="reading_view_modal_footBtn">
                  <button class="button btn_blur btn_max"  @click="addhistory"  :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'" :disabled="status==20||status==25||status==30" >追加</button>
                  <button class="button btn_blur btn_max"  @click="replacehistory()" :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'" :disabled="status==20||status==25||status==30">替换</button>
                </div>
              </div>

            </div>
            </div>
            <div class="reading_right_footBtn">
              <button class="btn_blur " @click="showmodal=true">查看凭证</button>
              <button class="button " :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'"  :disabled="status==20||status==25||status==30"  @click="savePatResult()" v-if="checkButton('view_save')">保存结论<img src="../../../static/img/reportview/jielun_16.png"/></button>

              <button class="button btn_green" :class="(status==''||status==1||status==5||status==10||status==20||status==25||status==30)?'btn_333':'btn_blur'"  :disabled="status==''||status==1||status==5||status==10||status==20||status==25||status==30" @click="audit()" v-if="checkButton('view_audit')">审核<img src="../../../static/img/reportview/shenhe_16.png"/></button>
              <button class="zhuxiao button btn_green"  :class="(status==''||status==1||status==5||status==10||status==20||status==25||status==30)?'btn_333':'btn_blur'" :disabled="status==''||status==1||status==5||status==10||status==20||status==25||status==30" v-if="checkButton('view_audit')" @click="showAudit">∧</button>

              <button class="button btn_yellow" :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"  :disabled="status==''||status==1||status==5||status==10||status==15" @click="repeal()" v-if="checkButton('view_cancel')">撤销审核<img src="../../../static/img/reportview/delete.png"/></button>
              <button class="button btn_the_green" :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"  :disabled="status==''||status==1||status==5||status==10||status==15" @click="printview()" v-if="checkButton('view_preview')">打印预览<img src="../../../static/img/reportview/yulan_22.png"/></button>
              <button class="button bg_deepBlue" :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"  :disabled="status==''||status==1||status==5||status==10||status==15" @click="print" v-if="checkButton('view_print')">打印<img src="../../../static/img/reportview/dayin_16.png"/></button>
            </div>
          </div>

          <!--补充登记信息-->
          <div class="reading_supReg">
            <!--一层-->
            <table class="reading_supReg_tableList">
              <tr>
                <td>姓名</td>
                <td><input type="text"/></td>
                <td>性别</td>
                <td>
                  <select>
                    <option>男</option>
                    <option>女</option>
                  </select>
                </td>
                <td>年龄</td>
                <td>
                  <input type="text" class="reading_ageInput">
                  <select class="reading_ageSelect">
                    <option>岁</option>
                    <option>月</option>
                    <option>日</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>别名</td>
                <td><input type="text"></td>
                <td>联系电话</td>
                <td><input type="text"></td>
                <td>身份证号</td>
                <td><input type="text"></td>
              </tr>
              <tr>
                <td>开单时间</td>
                <td><input type="text"/></td>
                <td>开单科室</td>
                <td>
                  <select>
                    <option></option>
                  </select>
                </td>
                <td>开单医生</td>
                <td>
                  <select>
                    <option></option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>病区</td>
                <td><input type="text"/></td>
                <td>床号</td>
                <td><input type="text"/></td>
                <td>门诊号</td>
                <td><input type="text"/></td>
              </tr>
              <tr>
                <td>住院日期</td>
                <td><input type="date"/></td>
                <td>住院次数</td>
                <td><input type="text"/></td>
                <td>住院号</td>
                <td><input type="text"/></td>
              </tr>
              <tr>
                <td>申请单</td>
                <td><input type="text"/></td>
                <td>紧急程度</td>
                <td><input type="text"/></td>
                <td></td>
                <td></td>
              </tr>
            </table>
            <!--二层-->
            <table class="reading_supReg_tableList reading_supReg_tableList2">
              <tr>
                <td>设备类型</td>
                <td>
                  <select>
                    <option></option>
                  </select>
                </td>
                <td>设备名称</td>
                <td>
                  <select>
                    <option></option>
                  </select>
                </td>
                <td>影像号</td>
                <td><input type="text"/></td>
              </tr>
              <tr>
                <td>登记时间</td>
                <td><input type="date"/></td>
                <td>预约日期</td>
                <td><input type="date"></td>
                <td>患者类型</td>
                <td>
                  <select>
                    <option></option>
                  </select>
                </td>
              </tr>
            </table>
            <!--三层-->
            <table class="reading_supReg_third">
              <tr>
                <td>医嘱信息</td>
                <td><input type="text"></td>
                <td>临床诊断</td>
                <td><input type="text"></td>
              </tr>
              <tr>
                <td>提示信息</td>
                <td colspan="3"><textarea></textarea></td>
              </tr>
            </table>

            <!--四层-->
            <ul class="reg_r_t_list line_height_20 clear">
              <li>收费项目</li>
              <li>
                <ul class="scroll2">
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                </ul>
              </li>
              <li>部位</li>
              <li>
                <ul class="scroll2">
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                  <li>XXX部位</li>
                </ul>
              </li>
            </ul>

            <div class="reg_right_btn">

              <button class="button bg_blur color_white" id="projectSite">更改收费项目和部位</button>

              <div class="reg_r_btn_modal"></div>
              <div class="reg_r_btn_modal_cont">

                <div class="reg_modal_head line_height_40">
                  <div>收费项目</div>
                  <div>部位</div>
                </div>
                <div class="reg_table_modalBox">
                  <div class="reg_table_modalBox_left">
                    <!--<p>外部收费项目</p>-->
                    <ul class="tree_down">
                      <li>
                        <a>一级菜单</a>
                        <ul>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                        </ul>
                      </li>
                      <li>
                        <a>一级菜单</a>
                        <ul>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                        </ul>
                      </li>
                    </ul>
                    <div class="reg_table_modalBox_foot">
                      <input type="text"/>
                      <div class="clear">
                        <button>XXXXX<span>X</span></button>
                        <button>XX发的发生的XXX<span>X</span></button>
                        <button>XXX但是风格的风格XX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                      </div>
                    </div>
                  </div>
                  <div class="reg_table_modalBox_right">
                    <!--<p>外部部位</p>-->
                    <ul class="tree_down">
                      <li>
                        <a>一级菜单</a>
                        <ul>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                        </ul>
                      </li>

                      <li>
                        <a>一级菜单</a>
                        <ul>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                          <li><a>二级菜单</a></li>
                        </ul>
                      </li>
                    </ul>

                    <div class="reg_table_modalBox_foot">
                      <input type="text"/>
                      <div class="clear">
                        <button>XXXXX<span>X</span></button>
                        <button>XX发的发生的XXX<span>X</span></button>
                        <button>XXX但是风格的风格XX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XX发的发生的XXX<span>X</span></button>
                        <button>XXX但是风格的风格XX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                        <button>XXXXX<span>X</span></button>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="reg_r_btn_modal_c_fontBtn">
                  <button class="button btn_yellow color_white" id="projectSiteCancel">取消&nbsp;&nbsp;&nbsp;X</button>
                  <button class="button btn_green color_white">确定&nbsp;&nbsp;&nbsp;√</button>
                </div>
              </div>
            </div>

            <div class="reading_right_footBtn1">
              <!--<button class="button btn_yellow">删除<img src="img/delete.png"/></button>

              -->
              <!--<button class="button btn_green">新增<img src="img/zengjia.png"/></button>-->
              <button class="button btn_blur">保存<img src="../../../static/img/reportview/jielun_16.png"/></button>
              <!--<button class="button btn_the_green">阅片<img src="img/yuepian.png"/></button>-->
            </div>

          </div>

          <!--报告流程-->
          <div class="report_process">
            <div class="report_process_search">
              <table class="">
                <tr>
                  <td>查询时间</td>
                  <td><input type="date" v-model="timebegin" class="aaa"/></td>
                  <td><div>至</div></td>
                  <td><input type="date" v-model="timeend"/></td>
                  <td>操作者</td>
                  <td>
                    <select v-model="loguser">
                      <option></option>
                      <option v-for="type in logUserList" :value="type.name">{{type.name}}</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td>选择类型</td>
                  <td>
                    <select v-model="loglevel">
                      <option></option>
                      <option>Info</option>
                      <option>Debug</option>
                      <option>Warn</option>
                      <option>Error</option>
                    </select>
                  </td>
                  <td>内容</td>
                  <td><input type="text" v-model="message"/></td>
                  <td></td>
                  <td><button class="button btn_yellow" @click="getConditionLog()">查询</button></td>
                </tr>
              </table>
            </div>
            <div class="report_process_list line_height_30">
              <table>
                <tr>
                  <td>类型</td>
                  <td>操作者</td>
                  <td>内容</td>
                  <td>日期</td>
                </tr>
              </table>
              <div class="report_process_list_cont">
                <table>
                  <tr v-for="(log,index) in logList">
                    <td v-model="loglevel1">{{log.loglevel}}</td>
                    <td v-model="logname1">{{log.name}}</td>
                    <td v-model="message1">{{log.message}}</td>
                    <td v-model="logdateStr1">{{log.logdateStr}}</td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>

      <el-dialog title="登录审核者" :visible.sync="dialogFormVisible" width="30%" center>
        <el-form :model="form">
          <el-form-item label="用户名">
            <el-input v-model="form.username"></el-input>
          </el-form-item>
          <el-form-item label="密码">
            <el-input v-model="form.password" type="password"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="relogin">登 录</el-button>
          <el-button @click="dialogFormVisible = false ">取 消</el-button>
        </div>
      </el-dialog>

      <!--<div class="ris_footer pg_foot">&copy;Copyright&nbsp;2017&nbsp;&nbsp;北京金风易通科技医疗有限公司&nbsp;&nbsp;版权所有</div>-->
    </div>
  <!--</div>-->
    <div class="high_shot_meter" v-show="showmodal">
      <div>
        <p class="hsm_title">仪器拍照
          <span @click="showmodal=false">X</span>
        </p>
        <!--左边的图片列表-->
        <div class="hsm_left">
          <ul class="scroll2" id="hsm_imgList">
            <!--<li>-->
            <!--<p>图一</p>-->
            <!--<img/>-->
            <!--</li>-->
            <!--<li>-->
            <!--<p>图二</p>-->
            <!--<img/>-->
            <!--</li>-->
            <li v-for="(evid,index) in evids">
              <p class="imgText"></p>
              <img :src="evid | urlfilter">
              <!--<span @click="delEvid(index)">X</span>-->
            </li>
            <!--<li>
              <p class="imgText">测试图</p>
              <img src="www.png">
            </li>-->
          </ul>
        </div>
        <!--右边的拍照和图片展示-->
        <div class="hsm_right">
          <!--显示区域-->
          <div class="hsm_r_img">
            <div class="booth">
              <video id="video" width="691" height="550"> 您的浏览器不支持 video 标签</video><br/>
              <!--<button id='tack'class="button" @click="addEvid">拍照</button><br/>-->
              <canvas id='canvas' width='691' height='550'></canvas>
              <div id="pig_img">
                <img src='' class="pig_img_icon" id="pig_img_icon">
                <p class="pig_img_text">图片的名称</p>
                <span>X</span>
              </div>
            </div>
          </div>
          <!--操作区域-->
          <div class="hsm_r_operation">
            <button class="TurnLeft">左旋转</button>
            <button class="TurnRight">右旋转</button>
            <button class="amplification">放大</button>
            <button class="narrow">缩小</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>



<script>
  import Header from '@/components/Header/Header';
  import { Message, MessageBox,Notification } from 'element-ui'
  import {getButtonPermission} from '@/api/user';
  import {login} from '@/api/login';


  export default {
    components: {
      'v-header': Header
    },
    created () {

      var format = "";
      var nTime = new Date();
      format += nTime.getFullYear()+"-";
      format += (nTime.getMonth()+1)<10?"0"+(nTime.getMonth()+1):(nTime.getMonth()+1);
      format += "-";
      format += nTime.getDate()<10?"0"+(nTime.getDate()):(nTime.getDate());
//      format += "T";
////      format += nTime.getHours()<10?"0"+(nTime.getHours()):(nTime.getHours());
//      format += "00";
//      format += ":";
//      format += "00";
//      format += nTime.getMinutes()<10?"0"+(nTime.getMinutes()):(nTime.getMinutes());
//      format += ":00";
      var formathour = "";
      var Time = new Date();
//      formathour=Time.getHours()<10?"0"+(Time.getHours()):(Time.getHours());
      formathour += "00";
      formathour += ":";
      formathour += "00";
//      formathour += Time.getMinutes()<10?"0"+(Time.getMinutes()):(Time.getMinutes());
//      console.log(formathour);
      formathour += ":00";
      var formathourend="";

//      formathourend+= Time.getHours()<10?"0"+(Time.getHours()):(Time.getHours());
      formathourend += "23";
      formathourend += ":";
      formathourend += "59";
//      formathourend+= Time.getMinutes()<10?"0"+(Time.getMinutes()):(Time.getMinutes());
      formathourend += ":00";

//      var formatdate='';
//      var date = new Date();
//      formatdate += date.getFullYear()+"-";
//      formatdate += (date.getMonth()+1)<10?"0"+(date.getMonth()+1):(date.getMonth()+1);
//      formatdate += "-";
//      formatdate += date.getDate()<10?"0"+(date.getDate()):(date.getDate());
//      formatdate += "T";
//      formatdate += date.getHours()<10?"0"+(date.getHours()):(date.getHours());
////      formatdate += "00";
//      formatdate += ":";
////      formatdate += "00";
//      formatdate += nTime.getMinutes()<10?"0"+(nTime.getMinutes()):(nTime.getMinutes());
//      formatdate += ":00";

      //2017-12-12T05:15
//      console.log(format+"____2017-12-12T05:15")

//      var format1=substr(format.length-2,format.length);
//      console.log(format1)
      this.begintime=format;
      this.endtime=format;
      this.beginhour=formathour;
      this.endhour=formathourend;
//      console.log(this.begintime+' '+this.beginhour);
//      console.log(this.endtime+' '+this.endhour);

      getButtonPermission(this.buttonPermission).then(response => {
        this.buttons = response.data;
      })
      this.$http.get(window.localStorage.url+"/log/getLogUserList")
        .then(function (res) {
//          console.log(res.data);
          if(res.data.status=='SUCCESS'){
//            if()
            for(var y in res.data){
//              console.log(res.data[y].name==undefined)
              if(res.data[y].name!=undefined){
                this.logUserList=res.data.data;
              }else {
                return false;
              }
            }
          }
        });

      this.$http.get(window.localStorage.url+"/base/getDeptEqpEqptypeByActor")
        .then(function (res) {
//          console.log(res.data.eqptypeList);
          if(res.data.status=='SUCCESS'){
            this.eqptypeList=res.data.eqptypeList;
            if(this.eqptypeList.length===1){
              this.eqpType=this.eqptypeList[0].code;
            }
            else {
              var typeCodes=[];
              var typeCodeStr;
              for(var i in this.eqptypeList) {
                typeCodes.push(this.eqptypeList[i].code);
                typeCodeStr = typeCodes.join(',');
                this.eqpTypeCodes = typeCodeStr
                this.eqpType = typeCodeStr
              }
            }

            this.equipList=res.data.equipList;
            if(this.equipList.length===1){
              this.eqpName=this.equipList[0].code;
            }
            else {
              var eqpCodes=[];
              var eqpCodeStr;
              for(var i in this.equipList) {
                eqpCodes.push(this.equipList[i].code);
                eqpCodeStr = eqpCodes.join(',');
                this.eqpNameCodes = eqpCodeStr
                this.eqpName = eqpCodeStr
              }
            }


            this.$http.get(window.localStorage.url+"/pat/getReportList?name="+this.name+"&accessno="+this.accessno+"&parts="+this.parts+"&eqpType="+this.eqpType+"&eqpName="+this.eqpName+"&beginnum="+this.beginnum+"&endnum="+this.endnum+"&begintime="+(this.begintime+' '+this.beginhour)+"&endtime="+(this.endtime+' '+this.endhour)+"&statusCode="+ this.statusCode)
              .then(function (res) {
                this.count=res.data.count;
//          console.log(res.data);
                if(res.data.status=='SUCCESS'){
                  this.patInfoList=res.data.data;
                }
              });
          }
        });

      this.$http.get(window.localStorage.url+"/user/getList")
        .then(function (res) {
//          console.log(res.data);
          if(res.data.status=='SUCCESS'){
            this.userList=res.data.data;
          }
        });
//      this.$http.get(window.localStorage.url+"/pat/getReportList?name="+this.name+"&accessno="+this.accessno+"&parts="+this.parts+"&eqpType="+this.eqpType+"&eqpName="+this.eqpName+"&beginnum="+this.beginnum+"&endnum="+this.endnum+"&begintime="+(this.begintime+' '+this.beginhour)+"&endtime="+(this.endtime+' '+this.endhour)+"&statusCode="+ this.statusCode)
//        .then(function (res) {
//          this.count=res.data.count;
////          console.log(res.data);
//          if(res.data.status=='SUCCESS'){
//            this.patInfoList=res.data.data;
//          }
//        });
      this.$http.get(window.localStorage.url+"/template/getList?infoid="+this.infoId+"&eqptypecode="+this.eqpTypeCode)
        .then(function (res) {
//          console.log(res.data);
          if(res.data.status=='SUCCESS'){
            this.baseTemplateList=res.data.data;
          }
        });
      this.$http.get(window.localStorage.url+"/base/getDeptUsepacs")
        .then(function (res) {
          // console.log(res.data);
          if(res.data.status=='SUCCESS'){
            this.deptList=res.data.data;
          }
        });

      this.$http.get(window.localStorage.url+"/user/getSessionMsg")
        .then(function (res) {
//          console.log(res.data);
          if(res.data.status=='SUCCESS'){
            this.usercode=res.data.usercode;
          }
        });
    },
    data () {
      return {
        showmodal:false,
        evids:[],

        searchRepUser:'',
        searchAutiUser:'',
        showRepUser:false,
        showAutiUser:false,
        baseTemplateList:[],//模板列表
        eqptypeList:[],//设备类型列表
        equipList:[],//设备列表
        partList:[],//部位列表
        result:"",//检查结果
        description:"",//描述
        addOrReplace:"add",//默认替换
        emerg:"",//危急情况
        positive:"",//阴阳性
        patInfoList:[],//左侧人员列表
        id:"",//人员id
        name:"",//姓名
        pid:"",//人员pid
        accessno:"",
        parts:"",
        eqpName:"",
        beginnum:"",
        endnum:"",
        begintime:"",
        beginhour:'',
        //this.formatday()
        endtime:"",
        endhour:"",
        eqpType:"",
        userList:"",
        advice:"",
        audituserCode:"",
        auditTime:"",
        printTime:"",
        printuserCode:"",
        repTime:"",
        repuserCode:"",
        infoId:"",
        resultid:"",//pat_result id
        status:"",//状态
//        patpid:"",//人员唯一门诊号
        recordno:"",//档案号用于查询历史记录
        areacode:"",//区域号
        checktime:"3",//历史报告查询时间

        resultList:[],//历史列表

        historyresult:"",//历史结果
//        historyid:"",
//        firUl:true,//一级显示隐藏
//        togglenextToggle:true,//二级显示隐藏
        description1:"",//追加历史
        result1:"",//历史结论
        stuuid:"",
        patinfo:{
        },
        patPacs:'',
        typePat:'',
        loading: false,
        loading1:false,
        buttonPermission: 'view',
        message:'',
        timebegin:'',
        timeend:'',
        loguser:'',
        loglevel:'',
        loglevel1:'',
        logname1:'',
        message1:'',
        logdateStr1:'',
        logUserList:[],
        logList:[],
        logdateStr:'',
        thisColor:'red',
        eqpTypeName:'',
        eqpTypeCode:'',
        statusCode:'10,15',
        accessNo:'',
        auditBox: false,
        formLabelWidth: '30px',
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          username:'',
          password:''
        },//审核登录
        auditUser: '',
        eqpname:'',//详细信息中的设备名称
        eqpcode:'',
        reportname:'',//报告模板名称
        reportid:'',//模板id
        reporttype:'',//模板类型
        name1:'',//历史列表姓名
        accessno1:'',//历史详细
        positive1:'',//历史详细
        emerg1:'',//历史详细
        deptList:[],//科室列表
        deptcode:'',//科室code
        historyname:'',//历史查询条件
        historynum:'',
        count:'',//总数
        usercode:'',//登录者信息
        eqpTypeCodes: '',
        eqpNameCodes:''
      }
    },
    methods: {
      //

      //模板input触发显示
      modal_search:function () {
          $('.reading_right_center_right').show();
          $('.reading_r_c_r_top').show();
        $('.reading_r_c_r_bottom').hide();
      },
      //历史报告模板
      historyReport:function () {
        $('.reading_right_center_right').show();
        $('.reading_r_c_r_top').hide();
        $('.reading_r_c_r_bottom').show();
      },
      showAudit() {
        this.auditBox=true
        this.dialogTableVisible=true
        this.dialogFormVisible=true
      },
      //点击加载部位
      getpartList:function () {
//        console.log(this.infoId)
//        console.log(this.eqpType);
        this.$http.get(window.localStorage.url+"/base/getPart?eqpType="+this.eqpType)
          .then(function (res) {
//              console.log(res.data);
            if(res.data.status=='SUCCESS'){
              this.partList=res.data.data;
            }
          });
      },

      checkButton(code) {
        for(var i in this.buttons){
          if (code == this.buttons[i]) {
            return true;
          }
        }
        return false;
      },

      //三个table切换
      table_pageTitle:function(num){
        $(event.currentTarget).addClass('reading_table_page_active').siblings('.reading_table_page_active').removeClass('reading_table_page_active');
        if(num==0){
          $('.writeReport').show().siblings().hide();
        }else if(num==1){
          $('.reading_supReg').show().siblings().hide();
        }else {
          //报告流程
          $('.report_process').show().siblings().hide();
//          console.log(this.infoId);
//          console.log(this.patpid);
          this.$http.get(window.localStorage.url+"/log/getLogDetail?infoid="+this.infoId+"&pid="+this.accessNo+"&timebegin="+this.timebegin+"&timeend="+this.timeend+"&loguser="+this.loguser+"&logtype="+this.loglevel+"&message="+this.message)
            .then(function (res) {
              // console.log(this.accessno);
              if(res.data.status=='SUCCESS'){
//                console.log(res.data);
                this.logList=res.data.data;
                this.loglevel1=res.data.data.loglevel==undefined?"":res.data.data.loglevel ;
                this.logname1=res.data.data.name==undefined?"":res.data.data.name ;
                this.message1=res.data.data.message==undefined?"":res.data.data.message ;
                this.logdateStr1=res.data.data.logdateStr==undefined?"":res.data.data.logdateStr ;

              }
            });

        }
      },
      getConditionLog:function () {

        this.$http.get(window.localStorage.url+"/log/getLogDetail?infoid="+this.infoId+"&pid="+this.accessNo+"&timebegin="+this.timebegin+"&timeend="+this.timeend+"&loguser="+this.loguser+"&logtype="+this.loglevel+"&message="+this.message)
          .then(function (res) {
//              console.log(res.data);
//            console.log(res.data.status)
            if(res.data.status=='SUCCESS'){
//              console.log(res.data);
              this.logList=res.data.data;
              this.loglevel1=res.data.data.loglevel==undefined?"":res.data.data.loglevel ;
              this.logname1=res.data.data.name==undefined?"":res.data.data.name ;
              this.message1=res.data.data.message==undefined?"":res.data.data.message ;
              this.logdateStr1=res.data.data.logdateStr==undefined?"":res.data.data.logdateStr ;

            }
          });
      },
      toggle:function(event){
        var _this=$(event).get(0).target
        $($(event).get(0).target).siblings("ul").toggle();

        if($(_this).siblings('ul').is(':hidden')){
          $(_this).children('img').css({
            transform:'rotate(-90deg)'
          })
        }else {
          $(_this).children('img').css({
            transform:'rotate(0deg)'
          })
        }


      },

      relogin:function () {
//        console.log(this.form);
        this.$http.get(window.localStorage.url +"/pat/relogin?username="+this.form.username+"&password="+this.form.password).then(function(res){
          if(res.data.status=="SUCCESS"){
            this.$notify.success({
              title:'成功',
              message:"登录审核者成功!",
              duration: 3000,
              offset: 35
            })
            // console.log(res.data.data);
            window.localStorage.auditUser='';
            window.localStorage.auditUser=res.data.data.code;
//            this.audituserCode=res.data.data.code;
//            this.auditUser=this.getUserName(res.data.data.code);
            this.auditBox=false;

            this.dialogTableVisible=false;
            this.dialogFormVisible=false;
          }
          else {
            this.$notify.error({
              title:'失败',
              message:"登录审核者失败",
              duration: 3000,
              offset: 35
            })
          }
        })
      },

      //历史列表
      gethistoryByCondition1:function () {
          console.log(this.historyname+this.historynum+this.deptcode);
          this.recordno='';
          var infoid='';
        this.loading1=true;
          this.$http.get(window.localStorage.url+"/pat/getHistoryList?recordno="+this.recordno + "&checktime=" + this.checktime + "&infoid=" + infoid+"&name="+this.historyname+"&checkno="+this.historynum+"&deptcode="+this.deptcode)
            .then(function (res) {
              this.loading1=false;
              if(res.data.status=='SUCCESS'){
                this.resultList = res.data.data;
              }
              else {
                this.resultList='';
              }

            })
      },
      gethistoryByCondition:function () {
//        console.log(this.historyname+this.historynum+this.deptcode);
        this.$http.get(window.localStorage.url+"/pat/getHistoryList?recordno="+this.recordno + "&checktime=" + this.checktime + "&infoid=" + this.infoId+"&name="+this.historyname+"&checkno="+this.historynum+"&deptcode="+this.deptcode)
          .then(function (res) {
            if(res.data.status=='SUCCESS'){
              this.resultList = res.data.data;
            }
            else {
              this.resultList='';
            }

          })
      },

//      gethistory:function () {
//        if(this.recordno!=null&&this.recordno!=''){
//            this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + "&checktime=" + this.checktime + "&infoid=" + this.infoId)
//              .then(function (res) {
////              console.log(res.data);
//                if (res.data.status == 'SUCCESS') {
//                  this.resultList = res.data.data;
//                }
//              });
//        }
//        else {
//          this.resultList='';
//        }
//
//
//      },
      //追加查看pacs
      addpacs(type){
        var accessno=this.typePat.accessno;
        var infoid =this.typePat.id;

        this.$http.get(window.localStorage.url+"/pat/getStuuid/"+accessno+'/'+infoid)
          .then(function (res) {
//            console.log(pid);
//            console.log(infoid);
//            console.log(res.data);
            if(res.data.status=='SUCCESS'){
                this.stuuid=res.data.data;
                this.$http.get(window.localStorage.url+"/pat/getStuuid/"+type.accessno+'/'+type.id)
                  .then(function (res) {
//                  console.log(type.pid);
//                  console.log(type.id);
//                  console.log(res.data);
                    if(res.data.status=='SUCCESS'){
                        this.patPacs=res.data.data;
                        if(null!=res.data.url){
                          this.$http.get(window.localStorage.url+"/pat/addpacs?accessno="+accessno+','+type.accessno).then(function (res) {
                            if(res.data.status='SUCCESS'&&null!=res.data.url){
                              console.log(res.data.data);
                              console.log(res.data.url);
                              this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
                                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                              },credentials:false}).then(response=>  {

                                if(response.data.STATUS=="OK")
                                {
                                  this.$notify({
                                    title: '成功',
                                    type: 'success',
                                    message: '成功',
                                    duration: 3000,
                                    offset: 35
                                  });
//                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
                                  $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
                                    .then(function (res) {
////                console.log(res.data)

                                      this.info();
                                    })
                                }
                                else {
                                  this.$notify({
                                    title: '失败',
                                    message: '失败',
                                    duration: 3000,
                                    offset: 35
                                  });
                                }
                              })
                            }
                          })
                        }
                        else{
                          window.open( window.localStorage.pacsUrl+"?stuuid="+this.stuuid+","+res.data.data+"&user="+window.localStorage.pacsUsername+"&pswd="+window.localStorage.pacsPassword,"newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
                        }
//              console.log(res.data.data.stuuid);
//                    console.log(this.stuuid);

                      /*var src=window.localStorage.pacsUrl+"?stuuid="+this.stuuid+","+res.data.data+'&user='+window.localStorage.pacsUsername+'&pswd='+window.localStorage.pacsPassword;
                      var win=window.open("","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px");
                      win.document.write("<html> <meta name='renderer' content='webkit'> <frameset cols='1'> <frame src="+src+" > </frameset> </html>");*/
//              console.log(res.data.data.stuuid);
                    }
                  });
//              console.log(res.data.data)
//              window.open("http://demo.dayisheng.com/wpacs.aspx?stuuid="+res.data.data+"&user=cc&pswd=dd","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
            }
          });
      },
      //检查部位
      getpartsByType(type){
        this.$http.get(window.localStorage.url+"/base/getPart?eqpType="+type)
          .then(function (res) {
//              console.log(res.data);
            if(res.data.status=='SUCCESS'){
              this.partList=res.data.data;
            }
          });
      },
      //详细历史信息
      gethistorydetail(type){


        this.$http.get(window.localStorage.url+"/pat/getHistoryDetail/"+type.accessno+"/"+type.id)
          .then(function (res) {
//            console.log(res.data);
            if(res.data.status=='SUCCESS'){
              this.historyresult=res.data.data;
              this.age=res.data.data.age==undefined?"":res.data.data.age;
              this.name1=res.data.data.cname==undefined?"":res.data.data.cname;
              this.description1=res.data.data.description==undefined?"":res.data.data.description;
              this.eqpTypeName=res.data.data.eqpTypeName==undefined?"":res.data.data.eqpTypeName;
              this.positive1=res.data.data.positive==undefined?"":res.data.data.positive;
              this.emerg1=res.data.data.emerg==undefined?"":res.data.data.emerg;
//              this.sex=res.data.data.sex==undefined?"":res.data.data.sex;
              this.accessno1=res.data.data.accessno==undefined?"":res.data.data.accessno ;
//              this.reptime=res.data.data.reptime==undefined?"":res.data.data.reptime;
              this.result1=res.data.data.result==undefined?"":res.data.data.result;
            }
          });
      },
      //追加替换
      addorreplace:function(index1,index2,index3){
        if(this.status==20||this.status==25||this.status==30){
          return false;
        }
          $($(event).get(0).target).parents('.tree_down').find('.color_red').removeClass('color_red');
          $($(event).get(0).target).addClass('color_red');

        var text1=this.baseTemplateList[index1].partList[index2].templateList[index3].description==undefined?"":this.baseTemplateList[index1].partList[index2].templateList[index3].description;
//          console.log(this.baseTemplateList[index1].partList[index2].templateList[index3].result);
        var text2=this.baseTemplateList[index1].partList[index2].templateList[index3].result==undefined?"":this.baseTemplateList[index1].partList[index2].templateList[index3].result;
        var text3=this.baseTemplateList[index1].partList[index2].templateList[index3].advice==undefined?"":this.baseTemplateList[index1].partList[index2].templateList[index3].advice;

        if(this.addOrReplace=="replace"){

          this.description=text1;
          this.result=text2;
          this.advice=text3;
        }
        else if(this.addOrReplace=="add"){

          this.description+=text1;
          this.result+=text2;
          this.advice+=text3;
        }
        var pos=this.baseTemplateList[index1].partList[index2].templateList[index3].positive;
//        console.log(pos);
        if(pos==1){
          this.positive=1;
        }
        else if(pos===0){
          this.positive=0;
        }
        else {
          this.positive="";
        }
        var emergs=this.baseTemplateList[index1].partList[index2].templateList[index3].emerg;
//        console.log(emergs);
        if(emergs=="危急"){
          this.emerg="危急";
        }
        else if(emergs=="不危急"){
          this.emerg="不危急";
        }
        else {
          this.emerg="";
        }


      },
      //详细结果信息
      getResultDetail:function (pat) {
        this.typePat=pat;
        this.patinfo=pat;
        this.deptcode="";
        this.historynum="";
        this.recordno =pat.recordno;
        this.status=pat.statuscode;
        this.eqpTypeName=pat.eqptypename;
        this.eqpTypeCode=pat.eqptypecode;

        this.areacode=pat.areacode;
        var id=pat.id;
        this.infoId=id;
        this.historyname=pat.cname;
        var accessno=pat.accessno;
//        console.log(id)
//        console.log(pid);
        var checktime=this.checktime;
//        console.log(stuuid)
//        console.log(id);
//        console.log(pid);
//        console.log(checktime);

//        console.log(id)
        this.$http.get(window.localStorage.url+"/pat/getResultById/"+id)
          .then(function (res) {
//            console.log(res.data)
            if(res.data.status=="SUCCESS"){
              // console.log(accessno);
//              this.patResult=res.data.data;
              this.description=res.data.data.description==undefined?"":res.data.data.description;
              this.result=res.data.data.result==undefined?"":res.data.data.result;
              this.emerg=res.data.data.emerg==undefined?"":res.data.data.emerg;
              this.positive=res.data.data.positive==undefined?"":res.data.data.positive;
              this.advice=res.data.data.advice==undefined?"":res.data.data.advice;
              this.repTime=res.data.data.repTimeStr==undefined?"":res.data.data.repTimeStr;
              this.auditTime=res.data.data.audittimeStr==undefined?"":res.data.data.audittimeStr;
              this.repuserCode=res.data.data.repusercode==undefined?"":res.data.data.repusercode;
              this.searchRepUser=this.getUserName(this.repuserCode);
              this.audituserCode=res.data.data.auditusercode==undefined?"":res.data.data.auditusercode;
              this.eqpname=res.data.data.equipname==undefined?"":res.data.data.equipname;
              this.eqpcode=res.data.data.eqpcode==undefined?"":res.data.data.eqpcode;
//              this.searchAutiUser=this.getUserName(this.audituserCode);
              this.auditUser=this.getUserName(this.audituserCode);
              this.infoId=id;
              this.accessNo=accessno;
//              this.recordno=res.data.data.recordno==undefined?"":res.data.data.recordno;
    //          this.areacode=res.data.data.areacode==undefined?"":res.data.data.areacode;
              this.resultid=res.data.data.id==undefined?"":res.data.data.id;
              this.status=res.data.data.status==undefined?"":res.data.data.status;
//              console.log(res.data.data.status)
//              this.stuuid=stuuid;
//              console.log(this.status);
//              this.gethistory();

            }
            this.getConditionLog();
          });
//        console.log( this.recordno);
//        console.log(11111111111);
        this.gethistoryByCondition();
//        if(this.recordno!=''&&this.recordno!=undefined){
//
//            this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + '&checktime=' + checktime + '&infoid=' + id + "&testtime=" + this.repTime)
//              .then(function (res) {
//                if (res.data.status == 'SUCCESS') {
//                  this.resultList = res.data.data;
//                }
//              });
//        }
//        else {
//          this.resultList='';
//        }

        this.$http.get(window.localStorage.url+"/template/getList?infoid="+id+"&eqptypecode="+this.eqpTypeCode)
          .then(function (res) {
//          console.log(res.data);
            if(res.data.status=='SUCCESS'){
              this.baseTemplateList=res.data.data;
            }

          });

        this.$http.get(window.localStorage.url+"/pat/getEvidsById/"+id)
          .then(function (res) {
//          console.log(res.data);
            if(res.data.status=='SUCCESS'){
              this.evids=res.data.data;
            }

          });


      },
      //查看影像
      imagesearch:function (item) {

        var accessno=item.accessno;

        var infoid =item.id;

        this.$http.get(window.localStorage.url+"/pat/getStuuid/"+accessno+'/'+infoid)
          .then(function (res) {
            if(res.data.status=='SUCCESS') {
              if(null!=res.data.url){
                console.log(res.data.data);
                console.log(res.data.url);
                this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
                  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                },credentials:false}).then(response=>  {

                  if(response.data.STATUS=="OK")
                  {
                    this.$notify({
                      title: '成功',
                      type: 'success',
                      message: '成功',
                      duration: 3000,
                      offset: 35
                    });
//                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
                    $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
                      .then(function (res) {
////                console.log(res.data)

                        this.info();
                      })
                  }
                  else {
                    this.$notify({
                      title: '失败',
                      message: '失败',
                      duration: 3000,
                      offset: 35
                    });
                  }
                })
              }
              else{
                this.stuuid = res.data.data;
//              console.log( this.stuuid)
                if (null != res.data.data&& res.data.data!=''&&res.data.data!=undefined) {
                  window.open(window.localStorage.pacsUrl + "?stuuid=" + res.data.data + "&user="+window.localStorage.pacsUsername+"&pswd="+window.localStorage.pacsPassword,"newwindow", "height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
                  /* var src1=window.localStorage.pacsUrl + '?stuuid=' + res.data.data + '&user='+window.localStorage.pacsUsername+'&pswd='+window.localStorage.pacsPassword;

                   var win=window.open("","newwindow", "height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px");
                   win.document.write("<html> <meta name='renderer' content='webkit'> <frameset cols='1'> <frame src="+src1+" > </frameset> </html>");*/
                }
                else {
                  this.$notify({
                    title: '失败',
                    message: '检查uid查询失败',
                    duration: 3000,
                    offset: 35
                  });
                }
              }

            }
          });

//        window.open("http://demo.dayisheng.com/wpacs.aspx?stuuid="+item.stuuid+"&user=cc&pswd=dd","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
//        this.stuuid=item.stuuid;

      },
      //保存检查报告结论
      savePatResult:function () {
        var $this = this;
        if($this.infoId===''||$this.infoId==undefined){
          this.$notify({
            title: '失败',
            message: '请选择患者',
            duration: 3000,
            offset: 35
          });
        }
        else{
          if( $this.positive===''|| $this.positive==undefined){
            this.$notify({
              title: '失败',
              message: '请选择报告结果阴阳性',
              duration: 3000,
              offset: 35
            });
          }
          else{
            $this.$http.post(window.localStorage.url + "/pat/savePatResult", {
              description: $this.description,
              result: $this.result,
              emerg: $this.emerg,
              positive: $this.positive,
              advice: $this.advice,
              reptime: $this.repTime,
              audittime: $this.auditTime,
              repusercode: $this.repuserCode,
              auditusercode: $this.audituserCode,
              infoid: $this.infoId,
              id: $this.resultid,
              areacode: $this.areacode,
            })
              .then(function (res) {
//                console.log(res.data)
                if (res.data.status == "SUCCESS") {
                  this.$notify({
                    title: '成功',
                    type: 'success',
                    message: res.data.message,
                    duration: 3000,
                    offset: 35
                  });
//              $this.getListByCondition();
                }
                this.info();
//               this.$http.get(window.localStorage.url+"/pat/getResultById/"+id)
              });
          }
        }


      },
      //审核
      audit:function () {
        if ( window.localStorage.auditUser == 'undefined' || window.localStorage.auditUser==""||window.localStorage.auditUser==null) {
          this.auditBox=true
          this.dialogTableVisible=true
          this.dialogFormVisible=true
          this.form={
            username:'',
            password:''
          };
        } else {
          this.audituserCode=window.localStorage.auditUser;
          var $this = this;
          $this.$http.post(window.localStorage.url + "/pat/audit", {
            description: $this.description,
            result: $this.result,
            emerg: $this.emerg,
            positive: $this.positive,
            advice: $this.advice,
            reptime: $this.repTime,
            audittime: $this.auditTime,
            repusercode: $this.repuserCode,
            auditusercode: $this.audituserCode,
            infoid: $this.infoId,
            id: $this.resultid,
            areacode: $this.areacode,
          })
            .then(function (res) {
              if (res.data.status == "SUCCESS") {
                this.$notify({
                  title: '成功',
                  type: 'success',
                  message: res.data.message,
                  duration: 3000,
                  offset: 35
                });
              }
              this.info();
              this.$http.get(window.localStorage.url+"/BaseEquip/getReportName?code="+this.eqpcode).then(function (res) {
                if(res.data.status=='SUCCESS'){
//            console.log(res.data)
//            console.log(res.data.data.reportname)
                  this.reportname=res.data.data.reportname==undefined?"":res.data.data.reportname;
                  this.reportid = res.data.data.reportid==undefined?"":res.data.data.reportid;
                  this.reporttype = res.data.data.reporttype==undefined?"":res.data.data.reporttype;
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
                  this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+this.reportname+"&type="+this.reporttype+"&actionname="+"CREATEPDF"+"&areacode="+'1')
                    .then(function (res) {
                      console.log(res.data.url);
                      console.log(res.data.data)
//            console.log(res.data);
                      if(res.data.status=='SUCCESS') {

                        res.data.data.UPLOADFILEADDR=window.localStorage.url+res.data.data.UPLOADFILEADDR;
                        res.data.data.SAVEFILEADDR=window.localStorage.url+res.data.data.SAVEFILEADDR;
                        this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
                          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                        },credentials:false}).then(response=>  {

                          if(response.data.STATUS=="OK")
                          {
                            this.$notify({
                              title: '成功',
                              type: 'success',
                              message: '成功',
                              duration: 3000,
                              offset: 35
                            });
                          }
                        })
                      }
                    })
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
//            var data1 ={"LOCALURL":window.localStorage.url,"REPORTEMPTNAME":this.reportname,"REPORTTEMPTYPE":"检查报告","ACTIONNAME":"createpdf","AREACODE":this.areacode,"INFOID":this.infoId}
//            var data =JSON.stringify(data1)
//            console.log(data1);
                }

              })
            });

        }


      },
      //撤销审核
      repeal:function () {
//        console.log(this.usercode);
//        console.log(this.repuserCode);
//        console.log(this.audituserCode);
        if(this.usercode==this.repuserCode||this.usercode==this.audituserCode){
          var $this=this;
          this.$confirm('是否确定撤销?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            $this.$http.post(window.localStorage.url+"/pat/repeal",{
              description: $this.description,
              result: $this.result,
              emerg: $this.emerg,
              positive: $this.positive,
              advice: $this.advice,
              reptime: $this.repTime,
              audittime: $this.auditTime,
              repusercode: $this.repuserCode,
              auditusercode: $this.audituserCode,
              infoid: $this.infoId,
              id: $this.resultid,
              areacode: $this.areacode,
            })
              .then(function (res) {
//                console.log(res.data)
                if(res.data.status=="SUCCESS"){
                  /*this.$message({
                    type: 'success',
                    message:res.data.message,
                  });*/
                  this.$notify({
                    title: '成功',
                    type: 'success',
                    message: res.data.message,
                    duration: 3000,
                    offset: 35
                  });

                }
                else{
                  /*this.$message({
                    type: 'error',
                    message:res.data.message,
                  });*/
                  this.$notify.error({
                    title: '失败',
                    type: 'error',
                    message: res.data.message,
                    duration: 3000,
                    offset: 35
                  });
                }
                this.info();
              });
          }).catch(() => {
            /*this.$message({
              type: 'info',
              message: '已取消撤销'
            });*/
            this.$notify.info({
              title: '取消',
              message: '已取消撤销',
              duration: 3000,
              offset: 35
            });
          });
        }
        else {
          this.$notify.info({
            message: '您没有撤销资格！',
            duration: 3000,
            offset: 35
          });
        }

      },
      //刷新数据回查详细结果的方法
      info:function () {

        var infoid=this.infoId;
        this.$http.get(window.localStorage.url+"/pat/getResultById/"+infoid)
          .then(function (res) {
//            console.log(res.data)
            if(res.data.status=="SUCCESS"){
//              this.patResult=res.data.data;
              this.description=res.data.data.description==undefined?"":res.data.data.description;
              this.result=res.data.data.result==undefined?"":res.data.data.result;
              this.emerg=res.data.data.emerg==undefined?"":res.data.data.emerg;
              this.positive=res.data.data.positive==undefined?"":res.data.data.positive;
              this.advice=res.data.data.advice==undefined?"":res.data.data.advice;
              this.repTime=res.data.data.repTimeStr==undefined?"":res.data.data.repTimeStr;
              this.auditTime=res.data.data.audittimeStr==undefined?"":res.data.data.audittimeStr;
              this.repuserCode=res.data.data.repusercode==undefined?"":res.data.data.repusercode;
              this.searchRepUser=this.getUserName(res.data.data.repusercode==undefined?"":res.data.data.repusercode);
              this.audituserCode=res.data.data.auditusercode==undefined?"":res.data.data.auditusercode;
//              this.searchAutiUser=this.getUserName(this.audituserCode);
              this.auditUser=this.getUserName(this.audituserCode);
//                   this.infoId=id;
//                   this.patpid=pid;
              this.areacode=res.data.data.areacode==undefined?"":res.data.data.areacode;
              this.resultid=res.data.data.id==undefined?"":res.data.data.id;
              this.status=res.data.data.status==undefined?"":res.data.data.status;
              this.eqpname=res.data.data.equipname==undefined?"":res.data.data.equipname;
              this.eqpcode=res.data.data.eqpcode==undefined?"":res.data.data.eqpcode;
//              this.stuuid=stuuid;
//              console.log(this.status);
//              this.gethistory();

            }
          });
      },
      //打印预览
      printview:function () {
        var infoid=this.infoId;
        var areacode=this.areacode;
        this.$http.get(window.localStorage.url+"/print/getPdfPath?infoid="+infoid+"&areacode="+areacode).then(function (res) {
          if(res.data.status=='SUCCESS'){
//            console.log(res.data.data.filepath)
            window.open(window.localStorage.staticUrl+res.data.data);
          }
          else {
            this.$notify({
              title: '失败',
              message: '请先审核',
              duration: 3000,
              offset: 35
            });
          }

        })
      },

//        var data1={"Action":"BarCodePrint","TestNo":this.infoId,"ReportType":"检查报告","AreaCode":this.areacode,"DesignMode":""};
//        var data =encodeURIComponent(encodeURIComponent(JSON.stringify(data1)));
//        $.ajax({
//          url:'http://127.0.0.1:9105/?data='+data,
//          type:'get',
//          dataType:'jsonp',
//          success:function (data) {
////            console.log("successs");
//          }
//        })
      //打印
      print:function () {
        var $this=this;
        var infoid=this.infoId;
        this.$http.get(window.localStorage.url+"/BaseEquip/getReportName?code="+this.eqpcode).then(function (res) {
          if(res.data.status=='SUCCESS'){
//            console.log(res.data)
//            console.log(res.data.data.reportname)
            this.reportname=res.data.data.reportname==undefined?"":res.data.data.reportname;
            this.reportid = res.data.data.reportid==undefined?"":res.data.data.reportid;
            this.reporttype = res.data.data.reporttype==undefined?"":res.data.data.reporttype;
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
            this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+this.reportname+"&type="+this.reporttype+"&actionname="+"PRINT"+"&areacode="+'1')
              .then(function (res) {
//            console.log(res.data);
                if(res.data.status=='SUCCESS') {
//                  console.log(res.data.url);
//                  console.log(res.data.data)
                  res.data.data.UPLOADFILEADDR=window.localStorage.url+res.data.data.UPLOADFILEADDR;
                  res.data.data.SAVEFILEADDR=window.localStorage.url+res.data.data.SAVEFILEADDR;
                  this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
                    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                  },credentials:false}).then(response=>  {

                    if(response.data.STATUS=="OK")
                    {
                      this.$notify({
                        title: '成功',
                        type: 'success',
                        message: '成功',
                        duration: 3000,
                        offset: 35
                      });
//                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
                      $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
                        .then(function (res) {
////                console.log(res.data)

                          this.info();
                        })
                    }
                    else {
                      this.$notify({
                        title: '失败',
                        message: '打印失败',
                        duration: 3000,
                        offset: 35
                      });
                    }
                  })
                }
              })
          }

        })

//        this.$notify.info({
//          title: '成功',
//          message: '打印中',
//          duration: 3000,
//          offset: 35
//        });
//        this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+"检查报告"+"&type="+'超声科'+"&areacode="+'1')
//          .then(function (res) {
////            console.log(res.data);
//            if(res.data.status=='SUCCESS') {
//
//                this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
//                  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
//                },credentials:false}).then(response=>  {
//
//                  if(response.data.STATUS=="OK")
//                  {
//                    this.$notify({
//                      title: '成功',
//                      type: 'success',
//                      message: res.data.message,
//                      duration: 3000,
//                      offset: 35
//                    });
//                    this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
//                    $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
//                      .then(function (res) {
////                console.log(res.data)
//
//                        this.info();
//                      })
//                  } else {
//                    this.$notify({
//                      title: '失败',
//                      message: '打印失败',
//                      duration: 3000,
//                      offset: 35
//                    });
//                  }
//                  })
//                  }
//                })
      },
//      print:function () {
//        var $this=this;
//        var infoid=this.infoId;
////        this.$notify.info({
////          title: '成功',
////          message: '打印中',
////          duration: 3000,
////          offset: 35
////        });
//        this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+"检查报告")
//          .then(function (res) {
////            console.log(res.data);
//            if(res.data.status=='SUCCESS') {
//
//                this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
//                  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
//                },credentials:false}).then(response=>  {
//
//                  if(response.data.STATUS=="OK")
//                  {
//                    this.$notify({
//                      title: '成功',
//                      type: 'success',
//                      message: res.data.message,
//                      duration: 3000,
//                      offset: 35
//                    });
//                    this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
//                    $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
//                      .then(function (res) {
////                console.log(res.data)
//
//                        this.info();
//                      })
//                  } else {
//                    this.$notify({
//                      title: '失败',
//                      message: '打印失败',
//                      duration: 3000,
//                      offset: 35
//                    });
//                  }
//                  })
//                  }
//                })
//           },
      //条件查询左侧列表
      getListByCondition:function () {
//        console.log(this.begintime)
        this.loading=true;
        this.$http.get(window.localStorage.url+"/pat/getReportList?name="+this.name+"&accessno="+this.accessno+"&parts="+this.parts+"&eqpType="+this.eqpType+"&eqpName="+this.eqpName+"&beginnum="+this.beginnum+"&endnum="+this.endnum+"&begintime="+(this.begintime+' '+this.beginhour)+"&endtime="+(this.endtime+' '+this.endhour) + "&statusCode="+ this.statusCode)
          .then(function (res) {
            this.loading=false;
//            console.log(222)
//            console.log(res.data);
            this.count=res.data.count;
            if(res.data.status=='SUCCESS'){
              this.patInfoList=res.data.data;
            }
            else {
              this.patInfoList='';
            }
          });
      },
      //追加替换历史
      addhistory:function () {
        var description1=this.description1;
        var result1=this.result1;
        this.description=this.description+description1;
        this.result=this.result+result1;
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      },
      //追加替换历史
      replacehistory:function () {
        this.description=this.description1;
        this.result=this.result1;
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      },
      //选择检查医生
      selectRepUser(type){
        this.repuserCode=type.code;
        this.searchRepUser=type.name;
        this.showRepUser=false;
      },
      //选择审核医生
      selectAutiUser(type){
        this.audituserCode=type.code;
        this.searchAutiUser=type.name;
        this.showAutiUser=false;
      },
      //选择检查医生
      searchAutiUserClick(){
        // console.log(2222)
        this.showAutiUser=true;
      },
      //查询用户名
      getUserName(code){
        for(var i in this.userList){
          if(this.userList[i].code==code){
            return this.userList[i].name
          }
        }
        return '';
      }
    },
  mounted(){
      //手动调节字体大小   影像检查描述
      var def={
        class:'fontSize1',
        class2:'fontSize12',
        id:'textFontSize',
      };
//    window.localStorage.class2=100;
      $('.'+def.class).val(window.localStorage.fontSize1);
      var cuti=null;
      if(window.localStorage.fontSize2==100){
      cuti=0;
      }else {
      cuti=1;
    }
      $('.'+def.class2).val(cuti);
      $('.'+def.id).css({
        fontSize:window.localStorage.fontSize1+'px',
        fontWeight:window.localStorage.fontSize2,
      })
      $('.fontSize1').change(function () {
        var val=$(this).val();
        window.localStorage.fontSize1=val;
        $('.'+def.id).css({
          fontSize:val+'px',
        })
      });
      $('.fontSize12').change(function () {
        var size2=$(this).val(),size3="";
//        console.log(size2+'size2')
        if(size2==0){
          size3=100;
        }else{
          size3='bold';
        }
//        console.log(size3+'size3')
        window.localStorage.fontSize2=size3;
        $('.'+def.id).css({
//          fontSize:val+'px',
          fontWeight:size3,
        })
      });
//      console.log(window.localStorage.fontSize1)
//      console.log(window.localStorage.fontSize2)






      $(document).bind('click',function (e) {
        var target=$(e.target);
//        console.log(target.closest('.reading_r_c_r_top_cont_search').length)
        if(target.closest('.reading_right_head_right').length==0 && target.closest('.reading_right_center_right').length==0 && target.closest('.reading_left_tableCont').length==0&& target.closest('.click_zk').length==0){
          $('.reading_right_center_right').hide();
          $('.reading_r_c_r_top').hide();
        }
      })



      var input={
          value:$('.aaa').val(),
          init:function () {
            var _this=this;
            document.onkeydown= function (e) {
              _this.value=$('.aaa').val();
//           console.log(e.keyCode);
              //根据按键调用与之对应的方法
              switch (e.keyCode){
                case 8: moveLeft();break;
              }
            }

            function moveLeft() {
              var isFocus=$(".aaa").is(":focus");
              if(true==isFocus){
                $('.aaa').val(_this.value);
                $('.aaa').one('blur',function () {
                  $('.aaa').val(_this.value);
                  return false;
                })
              }

            }
          }
        };
        input.init();



      $('.aaa').on('input propertychange',function () {
//        if(keyCode==)
      })


      $(document).bind('click',function () {
        if($(document).closest($(event)).length==0){
          $('.tree_down').find('.color_red').removeClass('color_red');
        }
      })


      var _this=this;
      $('body').bind("click",function(e){
        var target = $(e.target);
        if(target.closest('.drop_down_Top1').length == 0){
//          _this.showAutiUser=false;
          _this.showRepUser=false;
        }
        if(target.closest('.drop_down_Top2').length == 0){
          _this.showAutiUser=false;
//          _this.showRepUser=false;
        }
      });


       $pg.inputRetrieve({
           input:'.reading_r_c_r_top_cont_search',//input的值
           ul:'.tree_down',//ul的值   或者  table:'值'
       });



      $('.table').on('mousemove','td',function () {
        $(this).parent('tr').addClass('tableMousemove').siblings('.tableMousemove').removeClass('tableMousemove');
      })
      $('.table').on('mouseout','td',function () {
        $(this).parent('tr').removeClass('tableMousemove');
      })
      $('.table').on('click','td',function () {
        $(this).parent('tr').addClass('tableActive').siblings('.tableActive').removeClass('tableActive');
      })



//查询栏的展开和关闭

      //查看按钮
      $('.reading_r_c_r_bottom_cont').on('click','.reading_sech_view',function () {
        $('.reading_view_modal').show()
        $('.reading_view_modalModal').show()
      });
      $('.reading_view_modal_close').click(function () {
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      });
      $(document).bind("click",function(e){
        var target = $(e.target);
        if(target.closest(".reading_view_modal").length == 0&&target.closest(".reading_sech_view").length == 0){
          $('.reading_view_modal').hide()
          $('.reading_view_modalModal').hide()
        }
      });
      $('.click_zk').click(function () {
        $('.reg_search_tabToggle').toggle();
        if($('.reg_search_tabToggle').is(':hidden')){
          $(this).text("点击展开");
        }else {
          $(this).text("点击关闭");
        }
      });
      //根据浏览器的高度来设置内容区想对应的页面显示
//      var win={
//        init:function () {
//          var winHeight=$(window).height();
////            winHeight=winHeight-
//          winHeight=(winHeight-667)/1.2;
//          winHeight=winHeight<0?0:winHeight;
//          $('.reading_left_tableCont').css({
//            height:380+winHeight+'px'
//          })
//          $('.reading_right_center').css({
//            height:510+winHeight+'px'
//          })
//          $('.reading_right_center_left').find('.reading_r_c_l_top').css({
//            height:(130+winHeight/3)+'px'
//          }).children('textarea').css({
//            height:(100+winHeight/3)+'px'
//          })
//          $('.reading_right_center_left').find('.reading_r_c_l_center').css({
//            height:(130+winHeight/3)+'px'
//          }).children('textarea').css({
//            height:(100+winHeight/3)+'px'
//          })
//          $('.reading_right_center_left').find('.reading_r_c_l_bottom').css({
//            height:80+winHeight/4+'px'
//          }).children('textarea').css({
//            height:(50+winHeight/4)+'px'
//          })
//          //补充登记页面
//          $('.reg_r_t_list>li>ul').css({
//            height:80+winHeight/2+'px'
//          })
//          //报告流程
//          $('.report_process_list_cont').css({
//            height:385+winHeight+'px'
//          })
//        }
//      };
//      win.init();

      function height() {
        var winHeight = $(window).height();
//            winHeight=winHeight-
        winHeight = (winHeight - 667) / 1.2;
        winHeight = winHeight < 0 ? 0 : winHeight;
        $('.reading_left_tableCont').css({
          height: 380 + winHeight + 'px'
        })
        $('.reading_right_center').css({
          height: 510 + winHeight + 'px'
        })


        var objText=$.fn.objText={
          id1:'#reading_r_c_l_top1',//上面一个本文的id值
          id2:'#reading_r_c_l_center1',//下面一个文本的id值
          txtId:'#txtHeight',//select选择框的id值
          heightP:180 + winHeight / 3,//对应的是textarea初始的时候设置的高度  两个高度最初始的时候应该是一样的
          height:154 + winHeight / 3,//对应的是textarea初始的时候设置的高度  两个高度最初始的时候应该是一样的
          init:function () {
            $(this.txtId).val(window.localStorage.txtHg);
            this.winFun();
            this.start();
          },
          start:function () {
            var _this=this;
            $(_this.txtId).change(function () {
              window.localStorage.txtHg=$(this).val();
              _this.winFun();
            });
          },
          winFun:function () {
            $(this.id1).css({
              height: (this.heightP*window.localStorage.txtHg) + 'px'
            }).children('textarea').css({
              height: this.heightP*window.localStorage.txtHg-26 + 'px'
            })
            $(this.id2).css({
              height: this.heightP*2-$(this.id1).height() + 'px'
            }).children('textarea').css({
              height: this.heightP*2-$(this.id1).height()-26 + 'px'
            })
          }
        };
        objText.init();



//        $('.reading_right_center_left').find('.reading_r_c_l_top').css({
//          height: (180 + winHeight / 3) + 'px'
//        }).children('textarea').css({
//          height: (154 + winHeight / 3) + 'px'
//        })
//        $('.reading_right_center_left').find('.reading_r_c_l_center').css({
//          height: (180 + winHeight / 3) + 'px'
//        }).children('textarea').css({
//          height: (154 + winHeight / 3) + 'px'
//        })
//        $('.reading_right_center_left').find('.reading_r_c_l_bottom').css({
//          height: 80 + winHeight / 4 + 'px'
//        }).children('textarea').css({
//          height: (50 + winHeight / 4) + 'px'
//        })
        //补充登记页面
        $('.reg_r_t_list>li>ul').css({
          height: 80 + winHeight / 2 + 'px'
        })
        //报告流程
        $('.report_process_list_cont').css({
          height: 385 + winHeight + 'px'
        })
      }

     /* window.onload = function(){
        height();
      };*/

      window.onresize = function(){
        height();
      };
      height();


      //    历史报告和模板的table页切换
//      $('.reading_right_click').click(function () {
//        if($(this).text()=="报告模板"){
//          if($('.reading_r_c_r_top_cont').height()==0){
//            $('.reading_r_c_r_top_cont').animate({
//              height:'385',
//            },300)
//            $('.reading_r_c_r_bottom_cont').animate({
//              height:'0',
//            },300)
//          }
//        }else if($(this).text()=="历史报告"){
//          if($('.reading_r_c_r_bottom_cont').height()==0){
//            $('.reading_r_c_r_bottom_cont').animate({
//              height:'385px',
//            },300)
//            $('.reading_r_c_r_top_cont').animate({
//              height:'0',
//            },300)
//          }
//        }
//      })
    (function () {
      var imaP={
        init:function () {
          var video = document.getElementById('video'),
            canvas = document.getElementById('canvas'),
            // snap = document.getElementById('tack'),
            img = document.getElementById('img'),
            vendorUrl = window.URL || window.webkitURL,
            i=0,
            deg=0,
            ii=1,
            yy=1,
            imgWidth=610,
            imgHeight=480;

          //获取初始的位置   保留值 还原
          var oldLeft=$('.pig_img_icon').css('left');
          var oldtop=$('.pig_img_icon').css('top');

          var max=function(w,h){
              ii=ii+0.11;
              yy=yy+0.11;
              if(ii>2){
                ii=2;
              }
              if(yy>2){
                yy=2;
              }
              var newWidth=w*ii;
              var newHeight=h*yy;
              $('.pig_img_icon').css({
                width:newWidth+'px',
                height:newHeight+'px',
              })
            },
            min=function (w,h) {
              ii=ii-0.11;
              yy=yy-0.11;
              if(ii<1){
                ii=1;
              }
              if(yy<1){
                yy=1;
              }
              var newWidth=w*ii;
              var newHeight=h*yy;
              //缩小到原始大小的时候恢复原位
              if(ii==1||yy==1){
                $('.pig_img_icon').css({
                  left:oldLeft,
                  top:oldtop,
                })
              }
              $('.pig_img_icon').css({
                width:newWidth+'px',
                height:newHeight+'px',
              })
            },
            //得出前端放大或者缩小时候的原始状态
            xzjg=function () {
              if((deg/90)%2==0){
                imgWidth=610;
                imgHeight=480;
              }else {
                imgWidth=480;
                imgHeight=366;
              }
            }

          //禁止图片拖动
          document.getElementById('pig_img_icon').onmousedown = function(e){
            e.preventDefault()
          };

          //图片的拖动处理
          $('#pig_img_icon').mousedown(function (event) {
            if(ii==1||yy==1){
              return false;
            }
            var isMove = true;
            var down={
              x:event.pageX,
              y:event.pageY,
            }

            var obj = $('.pig_img_icon');
            var left=parseInt(obj.css('left'));
            var top=parseInt(obj.css('top'));
            $(document).mousemove(function (event) {
                if(isMove == false){return false;}
                var newX=down.x-event.pageX;
                var newY=down.y-event.pageY;
                var Newleft=left-newX;
                var Newtop=top-newY;
                if (isMove) {
                  obj.css({
                    left:Newleft,
                    top:Newtop,
                  });
                }
              }
            ).mouseup(
              function () {
                isMove = false;
              }
            );
          });
          //提示弹窗
          function modalText(text) {
            $pg.popup({
              text:text,//显示的文本
              bgColor:"#f5f5f5", //背景皮肤
              btnClass:'reBtn',//确定按钮的类值  必传
              bgOpacity:'0',//大背景的透明度
              btnBgColor:'#4f94cd',//按钮的颜色
              btnToggle:{
                btnDetermine:true,//确定按钮是否显示
                btnCancel:false,//取消按钮是否显示
              },
              btnColor:'#fff',//按钮的字体颜色
              determine:function(){},//确定按钮执行的方法
              timeOut:0.8,//定时关闭  true为不关闭  或者不设置为不关闭
            });
          }

          //图片的复原原位
          var img={
            fuyuan:function () {
//复原图片
              ii=1,yy=1;
              $('#pig_img>img').animate({
                width:'610px',
                height:'480px',
                marginLeft:'-305px',
                marginTop:'-240px',
                left:'50%',
                top:'50%'
              },100)
            },
            xuanzhuan:function () {
              //旋转后图片的样式
              ii=1,yy=1;
              $('#pig_img>img').animate({
                width:'480px',
                height:'366px',
                marginLeft:'-240px',
                marginTop:'-183px',
                left:'50%',
                top:'50%'
              },100)
            }
          }


          /*//媒体对象
          navigator.getMedia = navigator.getUserMedia ||
            navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia ||
            navigator.msGetUserMedia;
          navigator.getMedia({
            video: true, //使用摄像头对象
            audio: false  //不适用音频
          }, function(strem){
            video.src = vendorUrl.createObjectURL(strem);
            video.play();
          }, function(error) {
            //error.code
            alert("未知的错误！");
          });
          snap.addEventListener('click', function(){ i++;
            var liImgHtml="<li>" +
              "<p class='imgText'>图&nbsp;&nbsp;"+i+"</p>" +
              "<img class='img"+ i+"'/>" +
              "<span>X</span>" +
              "</li>";
//        return liImgHtml;
            $('#hsm_imgList').append(liImgHtml);
            //绘制canvas图形
            canvas.getContext('2d').drawImage(video, 0, 0, 691, 550);

            //把canvas图像转为img图片
            $(".img"+i).attr('src',canvas.toDataURL("image/png"));
          })*/


//    鼠标移入显示删除    对图片的各种操作
          $('#hsm_imgList').on('mousemove','li',function () {
            $(this).children('span').show();
          }).on('mouseout','li',function () {
            $(this).children('span').hide();
          })/*.on('click','span',function () {
                var _this=this;
                $pg.popup({
                  text:"确定删除吗？",//显示的文本
                  bgColor:"#f5f5f5", //背景皮肤
                  btnClass:'reBtn',//确定按钮的类值  必传
                  btnBgColor:'#4f94cd',//按钮的颜色
                  btnToggle:{
                    btnDetermine:true,//确定按钮是否显示
                    btnCancel:true,//取消按钮是否显示
                  },
                  btnColor:'#fff',//按钮的字体颜色
                  determine:function(){
                    $(_this).parent('li').remove();
                    //关闭右边打开的模态
                    $('#pig_img').hide();
                  },//确定按钮执行的方法
                });
              })*/.on('click','img',function () {
            var imgSrc=$(this).attr('src');
            var imgText=$(this).siblings('.imgText').text();
            $('#pig_img').show();
            $('#pig_img').children('img').attr('src',imgSrc);
            $('#pig_img').children('.pig_img_text').text(imgText);
            $('#pig_img>img').css({
              transform:'rotate(0deg)',
            });
            img.fuyuan();
            deg=0;
          })
          $('#pig_img').on('click','span',function () {
            $('#pig_img').hide();
          })


//    操作区域的按钮
          $('.hsm_r_operation').on('click','.TurnLeft',function () {
            //左旋转按钮
            deg=deg+90;
            //如果没有选中图片那么则不操作给出提示
            if($('#pig_img').is(':hidden')){
              modalText("没有选中的图片");
              return false;
            }else {
              $('#pig_img>img').css({
                transform:'rotate('+deg+'deg)',
              })
              if((deg/90)%2!=0){
                img.xuanzhuan();
              }else {
                img.fuyuan();
              }
            }
          }).on('click','.TurnRight',function () {
            //右旋转按钮
            deg=deg-90;
            //如果没有选中图片那么则不操作给出提示
            if($('#pig_img').is(':hidden')){
              modalText("没有选中的图片");
              return false;
            }else {
              $('#pig_img>img').css({
                transform:'rotate('+deg+'deg)',
              })

              if((deg/90)%2!=0){
                img.xuanzhuan();
              }else {
                img.fuyuan();
              }
            }

          })

          //点击放大按钮的时候
          $('.amplification').click(function () {
            //如果没有选中图片那么则不操作给出提示
            if($('#pig_img').is(':hidden')){
              modalText("没有选中的图片");
              return false;
            }else {
              xzjg();
              max(imgWidth,imgHeight);
            }
          });

          //缩小按钮
          $('.narrow').click(function () {
            //如果没有选中图片那么则不操作给出提示
            if($('#pig_img').is(':hidden')){
              modalText("没有选中的图片");
              return false;
            }else {
              xzjg();
              min(imgWidth,imgHeight);
            }
          });

          /*//滚轮事件
          var scrollFunc=function(e){
            e=e || window.event;
            if(e.wheelDelta){//IE/Opera/Chrome
              if($('#pig_img').css('display')=='block'){
                if(e.wheelDelta==120){
                  xzjg();
                  max(imgWidth,imgHeight);
                }else {
                  xzjg();
                  min(imgWidth,imgHeight);
                }
              }
              return false;
            }else if(e.detail){//Firefox

            }
          }

          /!*注册事件*!/
          if(document.addEventListener){
            document.addEventListener('DOMMouseScroll',scrollFunc,false);
          }//W3C
          window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome*/
        },
      }
      imaP.init();
    })(jQuery)
    },
    filters : {
      urlfilter (url) {
        url = window.localStorage.staticUrl + url;
        return url
      },
      textLength8(text){
        if(text.length>8){
//          console.log($(event))
//          $(event).attr('title',text);
          text=text.slice(0,7)+'..'
        }
        return text;
      }
    }
  }
</script>


<style scoped>
  /*灰色按钮*/
  button.btn_333{
    background-color: #aaa !important;
    color: #fff;
    border: 0;
  }
  .tree_down_parent>ul a:hover{
    color: #635b49;
  }
  .ris_cont{
    background: #fff;
  }
  /*左边*/

  .reading_left{
    width: 30%;
    float: left;
    border: 1px solid #eee;
  }
  .reading_left_top{
    width: 100%;
    height: 28px;
    position: relative;
  }
  .reading_left_top p{
    position: absolute;
    height: 2px;
    width: 86%;
    top: 17px;
    left: 7%;
    z-index: 1;
    background: #57c8e6;
  }
  .reading_left_top span{
    display: inline-block;
    background: #fff;
    padding: 0 20px;
    line-height: 36px;
    z-index: 2;
    position: absolute;
    font-size: 14px;
    left: 38%;
    top: 0;
    font-weight: bold;
  }

  /*搜索栏*/
  .reg_search{
    width: 90%;
    margin: 10px auto 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
  }
  .reg_search input{
    width: 100%;
  }
  .reg_search_table{
    width: 100%;
  }
  .reg_search_table tr td{
    height: 28px;
    position: relative;
  }
  .reg_search_table tr td:nth-child(1){
    width: 18%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .reg_search_table tr td:nth-child(2){width: 32%;}
  .reg_search_table tr td:nth-child(3){
    width: 18%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }
  .reg_search_table tr td:nth-child(4){width: 32%;}
  /*.reg_search_table tr td:nth-child(5){*/
  /*width: 13.33%;*/
  /*text-align: justify;*/
  /*text-align-last: justify;*/
  /*padding: 0 5px;*/
  /*}*/
  /*.reg_search_table tr td:nth-child(6){width: 20%;}*/

  /*.reg_search_select{*/
  /*width: 30%;*/
  /*}*/
  .reg_search_table tr td input.reg_search_input{
    width: 45%;
    /*padding-right: 32px;*/
    position: relative;
    display: block;
    float: left;
  }
  .reg_search_span{
    display: block;
    float: left;
    width: 10%;
    text-align: center;
    line-height: 26px;
  }
  .reg_search_table tr td input,.reg_search_table tr td select{
    width: 100%;
    border: 1px solid #88ada6;
    color: #587770;
  }
  .reg_search_table tr td input.width_50{
    width: 50%;
    display: block;
    float: left;
  }
  .reg_search_table tr td.reading_search>button{
    float: right;
    padding: 5px 40px;
  }
  .reg_search_tabToggle{
    display: none;
  }
  .reading_left_tableHead{
    width: 100%;
    background: #b1b1b1;
  }
  .reading_left_tableCont{
    position: relative;
  }
  /*.reading_left_tableCont button{*/
    /*position: relative;*/
    /*right: 310px;*/
  /*}*/
  .reading_left_tableCont::after{

  }
  .reading_left_tableCont table{
    width: 300%;
  }
  .reading_left_list{
    position: relative;
  }
  .reading_left_tableCont_abs{
    position: absolute;
    right: 0;
    top: 33px;
  }
  .reading_left_tableCont{
    height: 330px;
    overflow: auto;
  }
  .reading_left_tableCont table tbody tr{
    position: relative;
  }
  .reading_left_tableCont_button{
    /*position: absolute;*/
    /*left: 100px;*/
    /*top: 5px;*/
  }
  .reading_left_tableCont tr th{
    background: #999;
  }
  .reading_left_tableCont tr {
    border-bottom: 1px solid #ddd;
  }

  .reading_left_tableCont tr td:nth-child(1){
    position: relative;
  }
  .reading_left_tableCont tr td{
    padding: 0 5px;
  }

  .reading_left_tableCont img{
    width: 15px;
    margin: 0 5px;
    position: relative;
    top: 3px;
  }
  .reading_left_tableCont button{
    width: 90%;
    border-radius: 5px;
    background: transparent;
    color: #00a6c8;
    height: 24px;
    border: 0;
    padding: 0;
  }
  .reading_left_tableCont table tbody tr td:nth-child(2), .reading_left_tableCont table tbody tr th:nth-child(2){
    width: 110px !important;
    text-align: left;
    box-sizing: border-box;
  }
  .reading_left_tableCont table tbody tr td:nth-child(4), .reading_left_tableCont table tbody tr th:nth-child(4){
    width: 100px;
    text-align: left;
    box-sizing: border-box;
  }
  /*.reading_left_list tr th:nth-child(1),.reading_left_list tr td:nth-child(1){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(2),.reading_left_list tr td:nth-child(2){width: 15%;}*/
  /*.reading_left_list tr th:nth-child(3),.reading_left_list tr td:nth-child(3){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(4),.reading_left_list tr td:nth-child(4){width: 15%;}*/
  /*.reading_left_list tr th:nth-child(5),.reading_left_list tr td:nth-child(5){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(6),.reading_left_list tr td:nth-child(6){width: 15%;}*/



  /*左边点击查看医生显示的模态*/
  .reading_l_l_modal{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.5);*/
    display: none;
  }
  .reading_l_l_modal_cont{
    width: 300px;
    min-height: 190px;
    background: #fff;
    position: absolute;
    left: 130px;
    top: 340px;
    border: 2px solid #2b8ec7;
    border-radius: 10px;
  }
  .reading_modal_head{
    border-radius: 10px 10px 0 0;
    background: #787878;
    color: #fff;
    position: relative;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
  }
  .reading_modal_head button{
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 20px;
    font-size: 18px;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
  }
  .reading_modal_contList{
    width: 90%;
    margin: 15px auto;
  }
  .reading_modal_contList>div{
    width: 20%;
    margin: 0 6.3% 20px;
    float: left;
    text-align: center;
    border: 1px solid #2699d6;
    border-radius: 5px;
    line-height: 32px;
    padding: 10px 0;
  }
  .reading_modal_contList>div>p{
    text-align: center;
  }
  .reading_modal_contList>div>p button{
    width: 80%;
    border: 0;
    padding: 3px 3%;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
  }


  /*右边*/
  .reading_right{
    width: 69%;
    float: right;
    /*border: 1px solid #fa0002;*/
    margin: 5px 0 0 0;
    position: relative;
    min-height: 575px;
  }
  .reading_right_head{
    background: #d7dbe6;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    height: 30px;
  }
  .reading_table_page_active{
    border-bottom: 3px solid #ffa300;
  }
  .reading_right_head_right{
    position: absolute;
    right: 0;
    top: 3px;
    line-height: 22px;
  }
  .reading_right_head_right>span:nth-child(1){
    display: inline-block;
    padding: 0 30px;
    cursor: pointer;
  }
  .reading_right_head_right>span:nth-child(1):hover{
    background: #bdcee6;
  }
  .reading_right_head_right input{
    height: 20px;
    width: 120px;
  }


  /*底部按钮*/
  .reading_right_footBtn{
    /*position: absolute;*/
    right: 0;
    width: 100%;
    text-align: right;
    height: 40px;
    padding-top: 7px;
  }
  .reading_right_footBtn1{
    width: 100%;
    text-align: right;
    height: 40px;
  }
  .reading_right_footBtn button,.reading_right_footBtn1 button{
    width: 115px;
    height: 30px;
    border: 0;
    border-radius: 5px;
    margin: 5px 10px;
    color: #fff;
    position: relative;
  }
  .reading_right_footBtn button img,.reading_right_footBtn1 button img{
    height: 18px;
    position: absolute;
    right: 7px;
    top: 5px;
  }
  /*中间层*/
  .reading_right_center{
    width: 100%;
    height: 486px;
    /*border: 1px solid red;*/
    /*overflow: hidden;*/
    box-sizing: border-box;
  }
  /*书写报告*/
  .writeReport{
    width: 100%;
    height: 100%;
    position: relative;
    /*display: none;*/
  }
  /*补充登记信息*/
  .reading_supReg{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid red;*/
    display: none;
  }



  .reading_right_center_left{
    width: 100%;
    float: left;
  }
  .reading_r_c_l_top,.reading_r_c_l_center{
    width: 95%;
    margin: 10px auto;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  .reading_r_c_l_bottom{
    width: 95%;
    margin: 10px auto;
    height: 61px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  .reading_r_c_l_top>h1,.reading_r_c_l_center>h1,.reading_r_c_l_bottom>h1{
    line-height: 26px;
    padding: 0 20px;
    background: #f4f4f4;
    font-size: 12px;
    border-radius: 5px 5px 0 0;
  }
  .reading_r_c_l_top>textarea,.reading_r_c_l_center>textarea{
    width: 100%;
    height: 50px;
    border: 0;
    font-size: 12px;
  }
  .reading_r_c_l_bottom>textarea{
    width: 100%;
    height: 35px;
    border: 0;
    font-size: 12px;
  }
  .reading_r_c_l_footInput{
    line-height: 32px;
    width: 93%;
    margin: 0 auto;
  }
  .reading_r_c_l_footInput tr td:nth-child(1){
    width: 7.5%;
    padding: 0 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_r_c_l_footInput tr td:nth-child(2){width: 15%;}
  .reading_r_c_l_footInput tr td:nth-child(3){
    width: 7.5%;
    padding: 0 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_r_c_l_footInput tr td:nth-child(4){width: 15%;}
  .reading_r_c_l_footInput tr td:nth-child(5){
    width: 7.5%;
    padding: 0 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_r_c_l_footInput tr td:nth-child(6){width: 15%;}
  .reading_r_c_l_footInput tr td:nth-child(7){
    width: 7.5%;
    padding: 0 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_r_c_l_footInput tr td:nth-child(8){width: 15%;}
  .reading_r_c_l_footInput input,.reading_r_c_l_footInput select{
    width: 90%;
  }

  /*中间右边*/
  .reading_right_center_right{
    position: absolute;
    width: 65%;
    right: 0;
    top: 0;
    /*border: 1px solid red;*/
    height: 540px;
    background: #f4f6fb;
    display: none;
  }
  .reading_r_c_r_top,.reading_r_c_r_bottom{
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    display: none;
  }
  .reading_r_c_r_top>p,.reading_r_c_r_bottom>p{
    position: absolute;
    z-index: 1;
    width: 95%;
    left: 2.5%;
    top: 14px;
    height: 2px;
    background: #2b8ec6;
  }
  .reading_r_c_r_top>span,.reading_r_c_r_bottom>span{
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    background: #f4f6fb;
  }
  /*报告模板*/
  .reading_r_c_r_top_cont{
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 540px;
    overflow: hidden;
  }
  .reading_r_c_r_top_cont_search{
    width: 100%;
    border: 1px solid #88ada6;
    padding: 0 30px 0 5px;
  }
  .reading_search_03{
    position: absolute;
    right: 5px;
    top: 7px;
    width: 18px;
    cursor: pointer;
  }
  .tree_down_parent{
      height: 495px;
      overflow: auto;
    }
  .tree_down_parent a{
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
  }
  .tree_down_parent>ul{
    text-align: left;
  }
  .tree_down_parent>ul li{
    border: 0;
  }
  .tree_down_parent>ul a>img{
    /*position: relative;*/
    width: 8px;
    padding: 0 5px;
  }
  .tree_down_parent>ul a{
    position: relative;
    z-index: 2;
  }

  .tree_down_footCheck label{
    margin: 0 10px;
    cursor: pointer;
  }
  .tree_down_footCheck input[type=radio]{
    position: relative;
    top: 10px;
  }

  /*历史报告*/
  .reading_r_c_r_bottom_cont{
    width: 95%;
    margin: 0 auto;
    position: relative;
    height: 540px;
    overflow: hidden;
  }
  .reading_r_c_r_bottom_cont_time label{
    padding: 0 5px;
  }
  .reading_r_c_r_bottom_cont_time input[type=radio]{
    position: relative;
    top: 10px;
  }
  .reading_r_c_r_bottom_container{
    width: 100%;
    height: 440px;
    overflow: auto;
    /*border: 1px solid blue;*/
    box-sizing: border-box;
    text-align: left;
  }
  .reading_bot_box{
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 15px;
  }
  .reading_bot_box>p{
    padding: 0 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .reading_bot_box>p:nth-child(1) img{
    position: relative;
    top: 10px;
  }
  .reading_bot_box img{
    width: 10px;
    padding: 0 5px;
  }
  .reading_bot_box_btn{
    text-align: center;
  }
  .reading_bot_box_btn button{
    padding: 2px 10px;
    border-radius: 5px;
  }


  /*查看按钮的模态*/
  .reading_view_modalModal{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 400;
    display: none;
  }
  .reading_view_modal{
    position: absolute;
    width: 580px;
    background: #fff;
    border: 1px solid #aaa;
    height: 500px;
    right: 100%;
    top: 18px;
    border-radius: 15px;
    z-index: 500;
    display: none;
  }
  .reading_view_modal_head{
    text-align: center;
    background: #787878;
    color: #fff;
    border-radius: 15px 15px 0 0;
    line-height: 36px;
    height: 36px;
    position: relative;
  }
  .reading_view_modal_search{
    width: 90%;
    margin: 10px auto;
  }
  .reading_view_modal_search tr td{
    height: 40px;
  }
  .reading_view_modal_search tr td:nth-child(1){
    width: 15%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_view_modal_search tr td:nth-child(2){width: 35%;}
  .reading_view_modal_search tr td:nth-child(3){
    width: 15%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_view_modal_search tr td:nth-child(4){width: 35%;}
  .reading_view_modal_search input{
    width: 95%;
  }
  .reading_view_modal_check{
    width: 90%;
    margin: 0 auto;
  }
  .reading_view_modal_check>div{
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 20px 0;
  }
  .reading_view_modal_checkHead{
    background: #f4f4f4;
    color: #333;
    border-radius: 10px 10px 0 0;
    line-height: 32px;
    padding-left: 20px;
    font-size: 14px;
  }
  .reading_view_modal_check textarea{
    width: 100%;
    height: 88px;
    border: 0;
  }
  .reading_view_modal_footBtn{
    text-align: center;
  }
  .reading_view_modal_footBtn button{
    margin: 0 20px;
    font-size: 14px;
  }
  .reading_view_modal_close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font-size: 18px;
    cursor: pointer;
  }
  .reading_view_modal_close:hover{
    opacity: .8;
  }


  /*补充登记信息*/
  .reading_supReg_tableList{
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
  }
  .reading_supReg_tableList tr td{
    height: 30px;
  }
  .reading_supReg_tableList input,.reading_supReg_tableList select{
    width: 100%;
  }
  .reading_supReg_tableList tr td:nth-child(1){
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .reading_supReg_tableList tr td:nth-child(2){width: 23.33%;}
  .reading_supReg_tableList tr td:nth-child(3){
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .reading_supReg_tableList tr td:nth-child(4){width: 23.33%;}
  .reading_supReg_tableList tr td:nth-child(5){
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .reading_supReg_tableList tr td:nth-child(6){width: 23.33%;}
  .reading_supReg_tableList input.reading_ageInput{
    width: 65%;
    display: block;
    float: left;
  }
  .reading_supReg_tableList select.reading_ageSelect{
    width: 35%;
    display: block;
    float: left;
  }
  .reading_supReg_tableList2 input,.reading_supReg_tableList2 select{
    border: 1px solid #88ada6;
    color: #2d3b36;
  }

  /*三层*/
  .reading_supReg_third{
    width: 90%;
    margin: 0 auto;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
  }
  .reading_supReg_third input,.reading_supReg_third textarea{
    width: 100%;
    border: 1px solid #4c8dae;
    color: #284254;
  }
  .reading_supReg_third textarea{
    height: 50px;
  }
  .reading_supReg_third tr td:nth-child(1){
    width: 10%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_supReg_third tr td:nth-child(2){
    width: 40%;
  }
  .reading_supReg_third tr td:nth-child(3){
    width: 10%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }
  .reading_supReg_third tr td:nth-child(4){
    width: 40%;
  }



  /*四层*/
  .reg_r_t_list{
    width: 100%;
    padding-top: 10px;
  }
  .reg_r_t_list>li{
    float: left;
    display: inline-block;
  }
  .reg_r_t_list>li:nth-child(1){
    width: 8%;
    padding: 0 10px;
    text-align: justify;
    text-align-last: justify;
  }
  .reg_r_t_list>li:nth-child(2){width: 25%;}
  .reg_r_t_list>li:nth-child(3){
    width: 8%;
    padding: 0 15px;
    text-align: justify;
    text-align-last: justify;
  }
  .reg_r_t_list>li:nth-child(4){width: 25%;}
  .reg_r_t_list>li ul{
    width: 100%;
    border: 1px solid #4c8caf;
    border-radius: 5px;
    height: 80px;
    overflow: auto;
  }
  .reg_r_t_list>li ul li{
    padding:2px 5px ;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }






  /*按钮*/
  .reg_right_btn{
    width: 100%;
    text-align: right;
    padding-top: 10px;
    position: relative;
  }
  .reg_right_btn>button{
    width: 150px;
    height: 30px;
    border: 0;
  }
  .reg_r_btn_modal{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.5);*/
    z-index: 3000;
    display: none;
  }
  .reg_r_btn_modal_cont{
    position: absolute;
    right: 0;
    bottom: 30px;
    /*width: 800px;*/
    /*height: 470px;*/
    background: #fff;
    z-index: 3001;
    text-align: left;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #eee;
    opacity: 0;
  }


  /*右下底部按钮*/
  /*.reg_right_footBtn{*/
  /*text-align: right;*/
  /*margin-top: 25px;*/
  /*}*/
  .reg_right_footBtn button{
    border: 0;
    margin-right: 20px;
    position: relative;
    width: 110px;
    height: 36px;
  }
  .reg_right_footBtn button p{
    display: inline-block;
  }
  .reg_right_footBtn button img{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 7px;
  }
  .reg_modal_head{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    border-radius: 10px 10px 0 0;
  }
  .reg_modal_head>div{
    float: left;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #727272;
    border-radius: 10px 10px 0 0;
  }
  .reg_modal_head>div:nth-child(1){
    border-right:1px solid #eee;
  }
  .reg_table_modalBox{
    width: 100%;
    height: 380px;
  }
  .reg_table_modalBox_left{
    width: 50%;
    float: left;
    border-right: 1px solid #ddd;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
  }

  .reg_table_modalBox_left>ul,.reg_table_modalBox_right>ul{
    width: 100%;
    margin: 0 auto;
    height: 275px;
    border: 1px solid #eee;
    overflow: auto;
    box-sizing: border-box;
    line-height: 30px;
  }
  .reg_table_modalBox_left>ul>li>a,.reg_table_modalBox_right>ul>li>a{
    background: #999;
    color: #fff;
  }
  .reg_table_modalBox_left>ul>li a,.reg_table_modalBox_right>ul>li a{
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
  }


  .reg_table_modalBox_right{
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd;
    height: 100%;
    box-sizing: border-box;
  }

  .reg_table_modalBox_foot{
    width: 100%;
    height: 70px;
    /*border: 1px solid red;*/
  }
  .reg_table_modalBox_foot>input{
    width: 100%;
    height: 30px;
    margin: 2.5px 0;
  }
  .reg_table_modalBox_foot>div{
    width: 100%;
    height: 62px;
    overflow: auto;
    /*border: 1px solid red;*/
  }
  .reg_table_modalBox_foot>div button{
    display: inline-block;
    float: left;
    margin: 5px 3px 0;
    background: #4f90c2;
    color: #fff;
    border-radius: 5px;
    height: 26px;
    padding: 2px 10px;
    border: 0;
    position: relative;
  }
  .reg_table_modalBox_foot>div button>span{
    position: absolute;
    right: -4px;
    top: -4px;
    width: 16px;
    height: 16px;
    background: #fa5956;
    color: #fff;
    border-radius: 8px;
    line-height: 16px;
    cursor: pointer;
  }
  .reg_table_modalBox_foot>div button>span:hover{
    background: #fa1f1c;
  }
  .reg_r_btn_modal_c_fontBtn{
    text-align: right;
  }
  .reg_r_btn_modal_c_fontBtn button{
    margin-top: 10px;
    margin-right: 40px;
  }

  /*报告流程*/
  .report_process{
    width: 100%;
    display: none;
  }
  .report_process_search{
    width: 90%;
    margin: 15px auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
  }
  .report_process_search tr td{
    height: 36px;
  }
  .report_process_search input,.report_process select{
    width: 100%;
  }
  .report_process_search tr td:nth-child(1){
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .report_process_search tr td:nth-child(2){width: 23.33%;}
  .report_process_search tr td:nth-child(3){
    width: 10%;
    text-align: center;
    text-align-last: justify;
    padding: 0 5px;
  }
  .report_process_search tr td:nth-child(3)>div{
    text-align: center !important;
    text-align-last: center;
  }
  .report_process_search tr td:nth-child(4){width: 23.33%;}
  .report_process_search tr td:nth-child(5){
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .report_process_search tr td:nth-child(6){width: 23.33%;}
  .report_process_search button{
    width: 70%;
    margin: 0 auto;
    text-align-last: center;
    margin-left: 15%;
    height: 30px;
  }
  .report_process_list{
    width: 90%;
    margin: 0 auto;
  }
  .report_process_list>table tr td{
    background: #eaedf7;
    color: #333;
    font-weight: bold;
  }
  .report_process_list tr td{
    text-align: center;
  }
  .report_process_list table tr td:nth-child(1){width: 10%;}
  .report_process_list table tr td:nth-child(2){width: 10%;}
  .report_process_list table tr td:nth-child(3){
    width: 50%;
  }
  .report_process_list table tr td:nth-child(4){width: 30%;}
  .report_process_list tr{
    border-bottom: 1px solid #ddd;
  }
  .report_process_list tr:nth-child(even){
    background: #f9f9f9;
  }
  .report_process_list_cont{
    height: 410px;
    overflow: auto;
  }


  .click_zk{
    color: #999;
    cursor: pointer;
  }
  .reading_r_c_l_center>h1>p{
    display: inline-block;
    float: right;
  }
  .reading_r_c_l_center>h1>p select{
    width: 100px;
    box-sizing: border-box;
  }
  .reading_r_c_l_center>h1>p button{
    width: 70px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    font-size: 12px;
  }

  /*八、 input输入带下拉和检索*/
  .drop_down_Top{
    display: inline-block;
    width: 90%;
    height: 26px;
    position: relative;
  }
  .drop_down_Top>input{
    width: 100%;
    height: 100%;
  }
  .drop_down_Top>ul{
    position: absolute;
    left: 0;
    /*top: 32px;*/
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 240px;
    overflow: auto;
    z-index: 1;
    background-color: #fff;
    /*display: none;*/
  }
  .drop_down_Top>ul>li{
    border-bottom: 1px solid #ddd;
    padding: 6px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 20px;
    cursor: pointer;
  }
  .drop_down_Top>ul.top{
    bottom: 24px !important;
  }

  .tree_down>li a img{
    transform: rotate(-90deg);
  }
  .tree_down>li>ul{
    display: none;
  }
  .tree_down>li>ul>li>ul{
    display: none;
  }
  .reading_r_c_r_bottom{
    display: none;
  }

  .reading_right_footBtn button.zhuxiao{
    width: 15px;
    margin: 5px 0;
    position: relative;
    right: 14px;
  }





  .booth {
    width:96%;
    /*background:#ccc;*/
    /*border: 10px solid #ddd;*/
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    height: 100%;
  }
  #video{
    width: 100%;
    margin: -2px 0px;
    height: 100%;
  }
  #tack{
    position: absolute;
    right: 20px;
    bottom: 52px;
    padding: 5px 15px;
    opacity: 0.7;
    border: 1px solid #ddd;
  }
  #tack:hover{
    opacity: 1;
  }
  canvas,video{
    /*border: 1px solid red;*/
  }
  #canvas{
    display: none;
  }
  /*大图*/
  #pig_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
    box-sizing: border-box;
    background: #fff;
    display: none;
    overflow: hidden;
  }
  #pig_img>img{
    position: absolute;
    width: 610px;
    height: 480px;
    left: 50%;
    top: 50%;
    margin-left: -305px;
    margin-top: -240px;
    transform: rotate(0deg);
  }
  #pig_img>p{
    position: absolute;
    left: 10px;
    top: 20px;
    color: #6a4141;
    font-size: 14px;
  }
  #pig_img>span{
    position: absolute;
    right: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    border:1px solid #fa0002;
    color: #fa0002;
    opacity: 0.8;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
  }
  #pig_img>span:hover{
    opacity: 1;
  }

  .high_shot_meter{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 900;
  }
  .high_shot_meter>div{
    width: 860px;
    height: 480px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -430px;
    margin-top: -240px;
    background: #fff;
  }
  .hsm_title{
    position: absolute;
    left: 0;
    top: -32px;
    height: 32px;
    line-height: 32px;
    width: 100%;
    background: #353948;
    color: #fff;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
  }
  .hsm_left{
    width: 20%;
    height: 100%;
    float: left;
    border-right: 1px solid #aaa;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .hsm_left img{
    width: 100%;
    height: 100px;
  }
  .hsm_left p{
    font-size: 14px;
    padding: 5px 0;
  }
  .hsm_left>ul{
    height: 100%;
    overflow: auto;
    padding-left: 10px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
  }

  /*右边拍照操作地区*/
  .hsm_right{
    width: 80%;
    float: right;
    height: 100%;
  }
  .hsm_r_img{
    width: 90%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid red;*/
  }
  .hsm_r_operation{
    width: 10%;
    height: 100%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #999;
  }
  .hsm_r_operation button{
    width: 100%;
    cursor: pointer;
    height: 40px;
    border: 0;
    border-bottom: 1px solid #aaa;
    background: #999;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }
  .hsm_r_operation button:hover{
    opacity: 0.9;
  }

  /*左边的图片处理*/
  #hsm_imgList>li{
    position: relative;
  }
  #hsm_imgList>li img{
    cursor: pointer ;
  }
  #hsm_imgList>li>span{
    position: absolute;
    right: 10px;
    line-height: 20px;
    top: 7px;
    border: 1px solid #fa2b24;
    color: #fa706d;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    display: none;
    opacity: 0.6;
  }
  #hsm_imgList>li>span:hover{
    opacity: 1;
  }


  .pig_img_icon{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .hsm_title>span{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    cursor: pointer;
  }
  .read_r_topTab{
    width: 100%;
  }
  .read_r_topTab tr td:nth-child(1){
    width: 22%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .read_r_topTab tr td:nth-child(2){width: 28%;}
  .read_r_topTab tr td:nth-child(3){
    width: 15%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }
  .read_r_topTab tr td:nth-child(4){width: 35%;}
  .read_r_topTab tr td input,.read_r_topTab tr td select{
    width: 100%;
    box-sizing: border-box;
  }
  .read_r_topTab button{
    padding: 5px 35px;
  }



  .read_RCR_tab{
    width: 100%;
    text-align: center;
    line-height: 30px;
  }
  .read_RCR_tab th{
    background: #999;
    color: #fff;
  }
  .read_RCR_tab td{
    border: 1px solid #e7e7e7;
  }
  .read_RCR_tab button{
    padding: 3px 5px;
  }


</style>


